@charset "utf-8";
#head_left {
	float: left;
	display: block;
}
#head_right {
	float: right;
	background-image: url(../img/top/top_right.gif);
	width: 390px;
	height: 135px;
}
#main_content .speace_bar {
	clear: both;
	height: 20px;
}

#main_content .both_bar {
	clear: both;
	height: 5px;
}


#content {
	overflow: hidden;
	background-color: #FFF;
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00C;
	border-right-color: #00C;
	border-bottom-color: #00C;
	border-left-color: #00C;
}
#content #side_menu {
	float: left;
}
#content #main_content {
	float: right;
	width: 730px;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 15px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 30px;
}
#foot {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00C;
	background-color: #E7E2E2;
	overflow: hidden;
	padding-left: 140px;
}
#foot .foot_ul01 {
	padding-bottom: 20px;
	width: 120px;
	float: left;
	text-align: center;
	padding-left: 20px;

}
#foot .foot_ul01 a{
	text-decoration: none;
	color: #000;


}
#foot #copy_rught {
	clear: both;
	margin-left: 145px;
	padding-bottom: 20px;
}

.foot_ul01 ul {
	padding-left: 0px;
	margin-left: 0px;
	font-size: 12px;
	list-style-type: none;
}


body {
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: #00C;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1 {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #F00;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	background-image: url(../img/top/h2base_02.png);
	color: #333;
	padding-left: 15px;
	background-repeat: repeat-x;
	line-height: 48px;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#content #main_content .logi_page_comm {
	font-size: 14px;
	padding-right: 20px;
	padding-left: 20px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	padding-top: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #e74c3c;
	padding-left: 5px;
	margin-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	width: 60%;
}
h4 {
	font-size: 14px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-weight: normal;
}
h5 {
	font-size: 14px;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	width: 40%;
}



.text_red   {
	color: #e74c3c;
}
.text_red_12   {
	color: #e74c3c;
	font-size: 12px;
}

#content #main_content .page_img img {
	padding-bottom: 0px;
	margin-bottom: 20px;
}


        
        
 /* サイドメニュー設定ここまで */     
#head_mail {
	margin-top: 65px;
	height: 40px;
	margin-left: 250px;
	width: 70px;
}



/* サイドメニュー設定ここから */


ul#globalnavi{
	width: 160px;
	overflow: hidden;
	padding-left: 0px;
}
#content #side_menu {
	width: 175px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 20px;
	float: left;
	margin-bottom: 10px;
}



ul#globalnavi li{
	float: left;
	height: 30px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul#globalnavi li a {
	display: block;
	overflow: hidden;
	height: 0px;
	background-image: url(../img/top/side_menu.gif);
	padding-top: 30px;
}

/* global navi normal
---------------------*/
    #navi1 a { width:160px; background-position:0       0;}
    #navi2 a { width:160px; background-position:0px  -30px;}
    #navi3 a { width:160px; background-position:0px  -60px;}
    #navi4 a { width:160px; background-position:0px  -90px;}
	#navi5 a { width:160px; background-position:0px  -120px;}
    #navi6 a { width:160px; background-position:0px  -150px;}
    #navi7 a { width:160px; background-position:0px  -180px;}
    #navi8 a { width:160px; background-position:0px  -210px;}
	#navi9 a { width:160px; background-position:0px  -240px;}
    #navi10 a { width:160px; background-position:0px -270px;}
    #navi11 a { width:160px; background-position:0px  -300px;}
    #navi12 a { width:160px; background-position:0px  -330px;}
	#navi13 a { width:160px; background-position:0px  -360px;}
    #navi14 a { width:160px; background-position:0px -390px;}
    #navi15 a { width:160px; background-position:0px  -420px;}
    #navi16 a { width:160px; background-position:0px  -450px;}

/* global navi rollover
----------------------*/
    #navi1 a:hover  { width:160px; background-position:-160px   0px;}
    #navi2 a:hover  { width:160px; background-position:-160px  -30px;}
    #navi3 a:hover  { width:160px; background-position:-160px  -60px;}
    #navi4 a:hover  { width:160px; background-position:-160px  -90px;}
	#navi5 a:hover  { width:160px; background-position:-160px  -120px;}
    #navi6 a:hover  { width:160px; background-position:-160px  -150px;}
    #navi7 a:hover  { width:160px; background-position:-160px  -180px;}
    #navi8 a:hover  { width:160px; background-position:-160px  -210px;}
	#navi9 a:hover  { width:160px; background-position:-160px  -240px;}
    #navi10 a:hover  { width:160px; background-position:-160px  -270px;}
    #navi11 a:hover  { width:160px; background-position:-160px  -300px;}
    #navi12 a:hover  { width:160px; background-position:-160px  -330px;}
	#navi13 a:hover  { width:160px; background-position:-160px  -360px;}
    #navi14 a:hover  { width:160px; background-position:-160px  -390px;}
    #navi15 a:hover  { width:160px; background-position:-160px  -420px;}
    #navi16 a:hover  { width:160px; background-position:-160px  -450px;}
	
/* 現在表示画像の指定
--------------------------------------------------------------------------*/
    #navi1_stay a  { width:160px; background-position:-320px    0px;}
    #navi2_stay a  { width:160px; background-position:-320px  -30px;}
    #navi3_stay a  { width:160px; background-position:-320px  -60px;}
    #navi4_stay a  { width:160px; background-position:-320px  -90px;}
    #navi5_stay a  { width:160px; background-position:-320PX  -120px;}
    #navi6_stay a  { width:160px; background-position:-320px  -150px;}
    #navi7_stay a  { width:160px; background-position:-320px  -180px;}
    #navi8_stay a  { width:160px; background-position:-320px  -210px;}
    #navi9_stay a  { width:160px; background-position:-320PX  -240px;}
	#navi10_stay a  { width:160px; background-position:-320px  -270px;}
    #navi11_stay a  { width:160px; background-position:-320px  -300px;}
    #navi12_stay a  { width:160px; background-position:-320px  -330px;}
    #navi13_stay a  { width:160px; background-position:-320px  -360px;}
    #navi14_stay a  { width:160px; background-position:-320PX  -390px;}
    #navi15_stay a  { width:160px; background-position:-320px  -420px;}
    #navi16_stay a  { width:160px; background-position:-320px  -450px;}
	
	
/*インフォメーションマーク*/		
#content #main_content .alart_02 {
	font-size: 14px;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../img/mark/info.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	background-position: 1px;
}
/*テキストサイズ*/
.text_size_12   {
	font-size: 12px;
	margin-left: 20px;
}
.h2_comment   {
	font-size: 12px;
	float: right;
	padding-right: 15px;
	color: #333;
}