/*
 common style
 コンテナ
 コンテナ／全て
 コンテナ／本文全体
 コンテナ／本文のみ
 コンテナ／サイドメニューのみ
 コピーライト
 見出し
----------------------------------------*/



/*
 common style
----------------------------------------*/
html{		
	overflow-y:scroll;
	
}
*{		
	font-family:'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ 
',Meiryo,'ＭＳＰゴシック',sans-serif;

}

body {		
	height:100%;
	background-color: #FFFFFF;
	font-size: 90%;
	line-height: 140%;
	color: #5B5B5B;
}



a:link {		
	color: #003399;
	text-decoration: underline;
}


a:visited {		
    color: #003399;
    text-decoration: underline;
}


a:hover{		
	color: #CC0000;
	text-decoration: underline;
}


/*
 コンテナ
----------------------------------------*/

/* コンテナ／全て */

div#container_all{		
	width:950px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	zoom:1;

}

div#container_all:after{
		 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 




/* コンテナ／本文全体 */

div#container_m2{		
	width:880px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	clear:both;
}


div#container_m2:after{
		 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 



/* コンテナ／本文のみ640 */

div#main{		
	width:640px;
	float: left;	
}


div#main:after{
		 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 


/* コンテナ／本文のみ880 */

div#main880{		
	width:880px;	
}


div#main880:after{
		 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 



div#main:after{
		 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 



div#fla{		
	width:880px;	
}


/* コンテナ／サイドメニューのみ */
div#side{		
	width:220px;
	float:right;
	zoom:1;
}


div#side:after{
		 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 




/*
　関連リンク
----------------------------------------*/


#link{		
	font-size: 67%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 7px;
}


div#link a:link {		
	text-decoration: none;
	color: #5B5B5B;
	
}

div#link a:visited{		
	text-decoration: none;
	color: #5B5B5B;
}


div#link a:hover{		
	text-decoration: underline;

}



/*
　コピーライト
----------------------------------------*/


#footer{		
	font-size: 75%;
	padding-top: 5px;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1BA1EA;
	text-align: right;
}


div#footer a:link {		
	text-decoration: none;
	color: #5B5B5B;
	
}


div#footer a:visited{		
	text-decoration: none;
	color: #5B5B5B;
}


div#footer a:hover{		
	text-decoration: underline;

}




/* ショウイン先生おすすめフロー */
div#flow{		
	background-color: #EFF6EE;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}







/*
　見出し
----------------------------------------*/

/* 会社案内　大タイトル */

h1.com_bigtitle{		
	background-image : url(com_title_1.jpg);
	background-repeat: no-repeat;
	height: 42px;
	padding-left: 18px;
	padding-top: 13px;
	font-size: 100%;
	color: #1BA1EA;
	font-weight: bold;
}

/* 幅880　大タイトル */

h1.com_bigtitle2{		
	background-image : url(com_title_2.jpg);
	background-repeat: no-repeat;
	height: 42px;
	padding-left: 18px;
	padding-top: 13px;
	font-size: 100%;
	color: #1BA1EA;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* 幅880　大タイトル　showin */

.showin{		
	padding-left: 18px;
		font-size: 100%;
	color: #1BA1EA;
	font-weight: bold;

}


/* 頭にブルーの実線　小タイトル*/
.s_title_1
{		
	font-size: 100%;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #1BA1EA;
	border-bottom-color: #CCCCCC;
	margin-bottom: 15px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
} 




/* 頭にブルーの矢印*/
.s_title_2
{		
	background-image : url(point_1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	
	

} 




/* サイトマップ*/
.s_title_3
{		
	background-image : url(point_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:25px;
	padding-bottom:5px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B3B3B3;	
	

} 



.s_title_4
{		
	background-image : url(point_4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:25px;
	margin-bottom: 15px;

} 





/*
　テーブル
----------------------------------------*/
/* グレーの枠 破線 td */
.td_g_dot{		
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B3B3B3;
	padding: 3px;
} 


/* グレーの枠 新着用 */
.g_dot{		
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B3B3B3;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
} 


/* 個人情報保護方針　お客様相談窓口 */

.soudan{		
	border: 3px double #1BA1EA;
	padding: 10px;
	width: 600px;
} 



/* 
*********************************************** */
.s_t5 {
		margin-top: 5px;
}
.s_t10 {
		margin-top: 10px;
}
.s_t15 {
		margin-top: 15px;
}
.s_t20 {
		margin-top: 20px;
}
.s_t100 {
		margin-top: 100px;
}


.sp_t5 {
		padding-top: 5px;
}

/* 
*********************************************** */
.s_b5 {
		margin-bottom: 5px;
}
.s_b10 {
		margin-bottom: 10px;
}
.s_b15 {
		margin-bottom: 15px;
}
.s_b20 {
		margin-bottom: 20px;
}
.s_b30 {
		margin-bottom: 30px;
}


/* 
*********************************************** */
.s_bt5 {		
	margin-bottom: 5px;
	margin-top: 5px;
}

.s_bt10 {		
	margin-bottom: 10px;
	margin-top: 10px;
}

.s_bt20 {		
	margin-bottom: 20px;
	margin-top: 20px;
}


.s_b10t5 {		
	margin-bottom: 10px;
	margin-top: 5px;
}


/* 
*********************************************** */
.in5{		
	margin-left:5px;
} 

.in5b{		
	margin-left:5px;
	margin-right: 5px;
} 


.in10{		
	margin-left:10px;
} 

.in10b{		
	margin-left:10px;
	margin-right: 10px;
}

.in15{		
	margin-left:15px;
} 

.in15b{		
	margin-left:15px;
	margin-right: 15px;
} 



.in20{		
	margin-left:20px;
	
} 

.in20b{		
	margin-left:20px;
	margin-right: 20px;
} 


.in30{		
	margin-left:30px;
	margin-right: 30px;
} 


.in30{		
	margin-left:30px;
} 




/* 
*********************************************** */

.cap{
		 
	padding-left:1em; 
	text-indent:-1em; 
} 


.cap2{
		 
	padding-left:2em; 
	text-indent:-2em; 
}

.cap3{
		 
	padding-left:3em; 
	text-indent:-3em; 
}


/* 
*********************************************** */
.bo_gl{		
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
}

.bo_gl2_w{		
	background-color: #FFFFFF;
	padding: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.bo_gl2_p{		
	background-color: #FFE4E4;
	padding: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.csstitile{		
	background-color: #FF9999;
	padding: 3px;
	font-size: 130%;
	font-weight: bold;
	border: 1px solid #999999;
	width: 750px;
}

.csstitile2
{		
	font-size: 100%;
	border-left-width: 3px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #FF9999;
	border-bottom-color: #FF9999;
	margin-bottom: 15px;
	font-weight: bold;
	padding: 3px;
	width: 745px;
} 