@charset "utf-8";

/****************************************************************************
RESETS
*****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
img {
    border:0;
	vertical-align:top;
}
fieldset {
    border:0;
}
address,th {
    font-style:normal;
    font-weight:normal;
}
ol,ul,li {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}

	
/* 基本スタイル
---------------------------------------------*/
body {
	background: url(../images/body_bg.jpg) repeat left top;
	color: #666666;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	font-family:"Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
}

/* link */
a {	color: #CC0000; font-weight:bold; outline:none;}
a:visited {color: #CC0000;}
a:hover,a:active {color: #CC0000;}

p {
	line-height:1.7;
}


/* レイアウト
---------------------------------------------*/
#wrapper {
	width: 100%;
	background: url(../images/top_bg.jpg) left top repeat-x;
}
#container,
#footer  {
	margin: 0 auto;
	width: 900px;
}
#wrapper_btm {
	clear:both;
	width: 100%;
	background: url(../images/btm_bg.jpg) left top repeat-x;
	
}


/*  ヘッダー
---------------------------------------------*/
#header {
	position: relative;
	height: 248px;
	text-align: left;
}


/*  ロゴ
---------------------------------------------*/
/* homeボタン */
#home_btn {
	position: absolute;
	left: 0;
	top: 12px;
	color: #FFFFFF;
}
/* フリーダイヤル */
#freedial {
	position: absolute;
	right: 0;
	top: 12px;
	color: #FFFFFF;
}
/* Soka studioロゴ */
#logo {
	position: absolute;
	left: 300px;
	top: 28px;
	width: 300px;
	height :153px;	
}
#logo a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:153px;
	padding-top: 153px;
	background-image: url(../images/logo_studio.gif);
}

/*  グローバルナビゲーション
---------------------------------------------*/
/* 左側 */
#gnav_left {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 280px;
}
/* 右側 */
#gnav_right {
	position: absolute;
	top: 80px;
	right: 0px;
	width: 280px;
	list-style-type: none;
}
#gnav_left li,#gnav_right li {
	float: left;
	height: 85px;
	text-align: center;
}
#gnav_left li a,#gnav_right li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:85px;
	padding-top: 85px;
	color: #514747;
}

#gnav01 { width: 80px;}
#gnav02 { width: 100px;}
#gnav03 { width: 100px;}
#gnav04 { width: 100px;}
#gnav05 { width: 80px;}
#gnav06 { width: 100px;}

#gnav01 a ,#gnav02 a ,#gnav03 a  { background-image: url(../images/gnav_left.jpg);}
#gnav04 a ,#gnav05 a ,#gnav06 a  { background-image: url(../images/gnav_right.jpg);}
	
		
	/*  グローバルナビゲーション背景画像の位置
	---------------------------------------------*/
	
	/* 通常 */
	#gnav01 a { background-position:  0     0; }
	#gnav02 a { background-position: -80px 0; }		
	#gnav03 a { background-position: -180px 0; }	
	#gnav04 a { background-position:   0     0; }
	#gnav05 a { background-position: -100px 0; }
	#gnav06 a { background-position: -180px 0; }

	
	/* 現在位置とオンマウス */
	#gnav01 a.stay,#gnav01 a:hover { background-position:  0  -85px; }
	#gnav02 a.stay,#gnav02 a:hover { background-position: -80px -85px; }	
	#gnav03 a.stay,#gnav03 a:hover { background-position: -180px -85px; }	
	#gnav04 a.stay,#gnav04 a:hover { background-position: 0 -85px; }
	#gnav05 a.stay,#gnav05 a:hover { background-position: -100px -85px; }
	#gnav06 a.stay,#gnav06 a:hover { background-position: -180px -85px; }



/* サービスメニュー
---------------------------------------------*/
#menu {
	position: absolute;
	top: 193px;
	left: 4px;
	margin: 0 auto;
	width: 890px;
	height: 45px;
	list-style-type: none;
}
#menu li {
	float: left;
	width: 89px;
	text-align: center;
}
#menu li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:45px;
	padding-top: 45px;
	background-image: url(../images/menu.jpg);
	color: #FFFFFF;
}

	/*  サービスメニュー背景画像の位置
	---------------------------------------------*/
	
	/* 通常 */
	#menu01 a { background-position:  0     0; }
	#menu02 a { background-position: -89px 0; }
	#menu03 a { background-position: -178px 0; }
	#menu04 a { background-position: -267px 0; }
	#menu05 a { background-position: -356px 0; }
	#menu06 a { background-position: -445px 0; }
	#menu07 a { background-position: -534px 0; }
	#menu08 a { background-position: -623px 0; }
	#menu09 a { background-position: -712px 0; }
	#menu10 a { background-position: -801px 0; }
	
	/* 現在位置とオンマウス */
	#menu01 a:hover,#menu01 a.stay { background-position:  0  -45px; }
	#menu02 a:hover,#menu02 a.stay { background-position: -89px -45px; }	
	#menu03 a:hover,#menu03 a.stay { background-position: -178px -45px; }
	#menu04 a:hover,#menu04 a.stay { background-position: -267px -45px; }
	#menu05 a:hover,#menu05 a.stay { background-position: -356px -45px; }
	#menu06 a:hover,#menu06 a.stay { background-position: -445px -45px; }
	#menu07 a:hover,#menu07 a.stay { background-position: -534px -45px; }
	#menu08 a:hover,#menu08 a.stay { background-position: -623px -45px; }
	#menu09 a:hover,#menu09 a.stay { background-position: -712px -45px; }
	#menu10 a:hover,#menu10 a.stay { background-position: -801px -45px; }



/*  フッター
---------------------------------------------*/

 #footer{
 	height: 265px;
 	padding-top: 40px;
	background: url(../images/footer_bg.jpg) no-repeat left top;
	color: #514747;
}
 #footer #pagetop{
	text-align: right;
}
 #footer #nav_wrap{
	height: 90px;
 	background: url(../images/footer_menubg.jpg) no-repeat left top;
	text-align: left;
}
 #footer #nav_wrap .contact{
	float: left;
	padding-top: 16px;	
	width: 185px;
}
 #footer #nav_wrap #fnav{
 	float: left;
 	padding-top: 18px;
	width: 710px;
}
#footer ul {
	margin-bottom: 10px;
	margin-left: 15px;
}
#footer ul li {
	border-right:1px solid #B0B0B0;
	display:inline;
	margin-right: 10px;
	padding-right: 12px;
	font-size: 10px;
	line-height: 1;		
}
#footer ul li.last {
	border-right:medium none;
}
#footer #copy{
 	clear:both;
	margin: 0  auto;
	width: 426px;
	height:14px;
	text-indent: -9999px;
	background: url(../images/copyright.jpg) left top no-repeat;
}	

 /* link */
 #footer a { color: #514747; font-weight:normal;}
 #footer a:visited {color: #514747;}
 #footer a:hover, #footer a:active {color: #514747;}



/*  メインコンテンツブロック
---------------------------------------------*/
#pagebody {
	overflow: hidden;
	width: 100%;
	background: url(../images/content_bg.jpg) left top repeat-y;	
}
#pagebody .maincontent {
	background: url(../images/content_topbg.jpg) no-repeat left top;
	padding-top: 13px;
	min-height:700px;
	height: auto !important;
	height: 700px;
}


/* メインイメージ
---------------------------------------------*/
#main_image  {
	text-align: center;
}



/****************************************************************************
TOP以下ページ共通
*****************************************************************************/

/*  パンくずリスト
---------------------------------------------*/
#topicpath a { color: #000000; font-weight:normal;}
#topicpath a:visited {color: #000000;}
#topicpath a:hover, 
#topicpath a:active {color: #000000;}

#topicpath {
	padding: 15px 5px 10px 18px;
	background: url(../images/topicpath_bg.jpg) no-repeat left top;
}
#topicpath ul {
	padding-left: 18px;
	text-align: left;
	background: url(../images/ic_topicpath.gif) no-repeat left center;
	color: #000000;
}
#topicpath li {  
	display:inline;  
	line-height:1;  
	list-style-type:none; 
	font-size: 10px;	
}  
#topicpath li a {
	margin-right:6px;
	padding-right:15px;
	background:url(../images/ic_next.gif) no-repeat right center;  
}


/*  レイアウト
---------------------------------------------*/
/* 2カラムの場合　幅820px */
#contentwrapper{
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
}

/*  コンテンツ下部エリア
---------------------------------------------*/
#main_btm{
	clear:both;
	padding-top: 30px;
	text-align: center;
}

/* メニューボタン */
#nav_btm {
	margin: 0 auto;
	width: 820px;
	height :90px;
	background: url(../images/gmav_btm.jpg) no-repeat left top;	
}
#nav_btm li {
	float: left;
	width: 205px;
	height :66px;
	text-align: center;
}
#nav_btm li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:66px;
	padding-top: 66px;
}
/* お問い合わせ情報 */
#bnr_area{
	clear:both;
}



/****************************************************************************
共通パーツ
*****************************************************************************/

/* ページトップへ */
.pagetop {
	text-align:right;
}
.link {
	text-align:right;
}

/* テキストリンク */
.arrow {
	margin-top : 1em;
	padding-left:30px;
	background: url(../images/ic_arrow01.gif) no-repeat left center;
}
.arrow2 {
	display: block;
	margin-top: 1em;
	background: url(../images/ic_arrow02.gif) no-repeat left center;
	padding-left:20px;
}


/* module
---------------------------------------------*/
/* 行揃え */
 .al_c{text-align: center;}
 .al_r{text-align: right;}
 .al_l{text-align: left;}
 
/* 回り込み */
.fl_r {	float: right;}
.fl_l {	float: left;}
.clears { clear: both;}
div.dm{clear:both; height:0px;font-size:0px;}

.block {
	display:block;
}

/* 1文字インデント */
ul.indent {
	text-indent:-1em;
	padding-left:1em;
}

 /* Clearfix */  
.clearfix:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
.clearfix {  
   display: inline-block;  
   min-height: 1%;  
}  
/* Hides from IE-mac ¥*/  
* html .clearfix {  
   height: 1%;  
}  
.clearfix {  
	display: block;  
}  
 /* End hide from IE-Mac */ 
 
 
/* 点線よこ */
.dot01  {background: url(../images/dot01.gif) repeat-x;}
.dot02  {background: url(../images/dot02.gif) repeat-x;}
.dot03  {background: url(../images/freedot_hr01.gif)  repeat-x;}
.dot04  {background: url(../images/freedot_ver01.gif) right top repeat-y;}

/* 斜線ライン */
.stripe  {background: url(../images/stripe01.gif) left bottom repeat-x;}


/**/
.red {color:#CC0000;}
.bk {color:#000000;}
.caution { font-size:10px; color:#CC0000;}
.ml_7{margin-left:7px;}


/**/
.ml_5{margin-left:5px;}
.ml_7{margin-left:7px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}

.mr_5{margin-right:5px;}
.mr_7{margin-right:7px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}

.mt_5{margin-top:5px;}
.mt_7{margin-top:7px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}

.mb_5{margin-bottom:5px;}
.mb_7{margin-bottom:7px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}