/*
 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(../images/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(../images/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(../images/point_1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	
	

} 




/* サイトマップ*/
.s_title_3
{
	background-image: url(../images/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(../images/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;
}