@charset "Shift-JIS";
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　
基本設定
----------------------------------------------------------------------------------------*/
*{margin: 0px;padding: 0px;
 scrollbar-base-color:#ffffff;
 scrollbar-face-color:#ffffff;
 scrollbar-arrow-color:blue;
 scrollbar-shadow-color:#ffffff;
 scrollbar-highlight-color:blue;
 scrollbar-dark-shadow-coor:#ffffff;
 scrollbar-3d-light-color:#ffffff;
}
img{border: 0px;vertical-align:top;}
body {
 font-size: 10pt;
 line-height: 12pt;
 font-weight: normal;
 text-decoration: none;
 color: #636363;
 word-break:break-all;
 background:url(images/check_11.gif);
}

li{
 list-style-type: none;
 display: inline;
}

a:link {
 color: #0033FF;
 text-decoration:underline;
}
a:visited {
 color: #0033FF;
 text-decoration:underline;
}
a:hover {
 color: #0033FF;
 text-decoration:none;
}
a:active {
 color: #0033FF;
 text-decoration:underline;
}/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　
文字設定
----------------------------------------------------------------------------------------*/
.fontsize8_linehi12 {
 font-size: 8pt;
 line-height: 12pt;
}
.fontsize10_linehi14 {
 font-size: 10pt;
 line-height: 14pt;
}
.fontsize12_linehi18 {
 font-size: 12pt;
 line-height: 18pt;
}
h1, h2, h3, h5, h6{
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 font-size: 10pt;
 line-height: 14pt;
 font-weight:normal;
}
.font_red{color:#FF0000;}
.bold{ font-weight:bold;}
.font-red{color:red;}
/*----------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　　　　　　　　
全体
----------------------------------------------------------------------------------------*/
#outline{
 width:770px;
 margin:auto;
 text-align: left;
 background: #f2f2f2 url(images/bg.gif) no-repeat;
}

.both{clear:both;height:1px;}
.both10{clear:both;height:10px;}
.both20{clear:both;height:20px;}
.both30{clear:both;width:270px;height:20px;text-align:right;font-size:10px;}

/*----------------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------------*/
#header_catch{position:relative;z-index:1;margin-bottom:-20px;margin-left:10px;}
#header{
	width:760px;
	height:97px;
	background: #FFFFFF url(images/header_bg.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
	color:#333333;
	margin-bottom: 1px;
}
#header_left{
 width:425px;
 float:left;
 margin-left:15px;
 margin-right:83px;
 display:inline;}
#header_catch{
	color:#333;
	font-size:10px;
}
#logo{
 margin-top:25px;
 height:64px;
 font-size:26px;
}
#logo_text{
 margin-top:10px;
 color:#202020;
 font-size:20pt;
}
#header_text{
	width:188px;
	float: right;
        text-align:right;
	padding-top: 22px;
	padding-right: 40px;
}

/*----------------------------------------------------------------------------------------
                                       
ナビゲーション設定
----------------------------------------------------------------------------------------*/
#navigation{width:175px;float:left;display:inline; color:#333;}

#navi {
	margin-bottom: 20px;
	margin-right: 1px;
}
/*#navi li{ text-indent: -999em;}*/

#navi a{
	font-weight:bold;
	width:175px;
	padding: 9px 0px 0px;
	text-indent:35px;
	text-decoration: none;
	display: block;
}
#navi .navi_01 {
	width: 175px;
	background: url(images/navi_off_1.gif) left top no-repeat;
	height: 23px;
}
#navi .navi_01 a{
	width: 175px;
	background: url(images/navi_off_1.gif) left top no-repeat;
	height: 23px;
	margin-bottom: 1px;
}
#navi .navi_01 a:hover{
	width: 175px;
	background: url(images/navi_on_1.gif) left top no-repeat;
	height: 23px;
}

#navi .navi_text {
	width:165px;
	font-size:8pt;
	color:#333333;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 10px;
	display: block;
	background-color: #E6E6E6;
	margin-top: 1px;
}

#navi a:link {color: #FFFFFF;text-decoration:none;}
#navi a:visited {color: #FFFFFF;text-decoration:none;}
#navi a:hover {color: #FFFFFF;text-decoration:none;}
#navi a:active {color: #FFFFFF;text-decoration:none;}

/*------------------------------

ナビゲーション（マイページ部分）
------------------------------*/
.mypage {
	width:175px;
	background: url(images/mypage_bg.gif) repeat-y;
	margin-top: 5px;
}


.mypage a:link {color: #FFFFFF;}
.mypage a:visited {color: #FFFFFF;text-decoration:underline;}
.mypage a:hover {color: #FFFFFF;text-decoration:none;}
.mypage a:active {color: #FFFFFF;text-decoration:underline;}


/*
.mypage_top {
 background: url(images/mypage_top.gif) ;
 height:3px;
}
*/
.mypage_text {
	padding:5px 5px 5px 10px;
	color:#555;
	background-color: #E6E6E6;
	border-bottom: 1px solid #0F1F81;
	margin-top: 2px;
}
.mypage_line {
/*
 background: url(images/mypage_line.gif);
 height:5px;
 */
}
.mypage_link {
 padding: 0px 0px 0px 15px;
 font-weight:bold;
 color:#FFFFFF
}
.mypage_bottom{
	background-image: url(images/mypage_bottom.gif);
	background-repeat: no-repeat;
	height: 3px;
/*
 height:5px;
 background: url(images/mypage_bottom.gif) ;
 */
}
.mapage_title{
	padding:7px 0px 0px 15px;
	background: url(images/mypage_midashi.gif) no-repeat;
	height: 25px;
	color: #FFFFFF;
}

.jigyou{
	width:175px;
	margin-top:20px;
	margin-bottom:20px;
	background: url(images/blue.gif) repeat-y;
}
.jigyou_title{
	color: #3366CC;
	background: url(images/jigyou_midashi.gif) no-repeat;
	padding: 10px 0px 0px 35px;
	font-weight:bold;
	height: 23px;
	margin-bottom: 3px;
}
.jigyou_line {/*height:5px;background: url(images/jigyou_line.gif);*/}
.jigyou_text {
	padding:5px 5px 5px 10px;
	background-color: #E6E6E6;
	border-bottom: 1px solid #0F1F81;
}
.jigyou_bottom{/*height:5px;background: url(images/mypage_bottom.gif) ; 
        margin-bottom:10px;*/
	background-image: url(images/jigyou_line.gif);
	background-repeat: no-repeat;
	height: 0px;
}

#reform{
	width:165px;
	margin-bottom:10px;
	background-color: #FFFFFF;
	border: 1px solid #0F1F81;
	margin-left: 3px;
}
#reform_top{/*height:5px;background: url(images/reform_top.gif);*/}
#reform_img{margin:5px 0px 5px 10px;}
#reform_line{/*height:3px;background:url(images/reform_line.gif) no-repeat;*/}
#reform_text {
	padding:5px 5px 5px 10px;
	font-size: 8pt;
	line-height: 12pt;
	color:#333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0F1F81;
}
#reform_bottom{/*height:4px;background: url(images/reform_bottom.gif) ;*/}

/*----------------------------------------------------------------------------------------
                                    
メインコンテンツ設定
----------------------------------------------------------------------------------------*/
#page_body{width:760px;margin:auto;}

#contents{width:580px;float:right;}

#contents a:link {color: #FFFFFF;text-decoration:none;}
#contents a:visited {color: #FFFFFF;text-decoration:none;}
#contents a:hover {color: #0033ff;text-decoration:none;}
#contents a:active {color: #FFFFFF;text-decoration:none;}

#main_visual{
	width:579px;
	height:200px;
	background:url(images/09.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 20px;
	float: right;
	clear: both;
	margin-right: 0px;
	margin-left: 0px;
}
.main_text{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#333333;
        margin-top: 55px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contents_01{width:568px;margin-left:10px;}
.contents_02{width:565px;margin-left:10px;
background:url(images/midashi_bg_02.gif) repeat-y;}

/*------------------------------
      　
フリーページ
------------------------------*/
.mypage_con_midashi{
	height:28px;
	background:url(images/midashi_bg_1.gif) no-repeat;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin-bottom:10px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}

.mypage_con_midashi_2{
        width:230px; float:right;
	height:22px;
	background:url(images/midashi_bg_2.gif) no-repeat;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}

.top_con_photo{
 width:170px;
 background:url(images/photo_bg.gif) repeat-y;
 text-align:center;
 margin-left:8px;
 margin-right:8px;
 float:left;
}
.con_photo_top{ background:url(images/photo_top.gif) no-repeat; height:10px;}
.con_photo_bottom{ background:url(images/photo_bottom.gif) no-repeat; height:5px;}
.con_syosai{ text-align:right;}

.mypage_con_text{ width:350px; float:left;}
.mypage_con_syosai{ margin-top:20px; clear:both; text-align:right;}

/*

.mypage_con_syosai a:link {color: #FF8C00;text-decoration:underline;}
.mypage_con_syosai a:visited {color: #FF8C00;text-decoration:underline;}
.mypage_con_syosai a:hover {color: #9A5604;text-decoration:none;}
.mypage_con_syosai a:active {color: #9A5604;text-decoration:none;}
*/

/*------------------------------
   　　　
固定ページ
------------------------------*/
.con_midashi{
 width:565px;
 height:30px;
 font-size:12pt;
 font-weight:bold;
 text-indent:35px;
 color:#333333;
 padding-top:7px;
 background:url(images/midashi_bg_top.gif) no-repeat;
}

.con_text{
 width:380px; float:left;
 margin-bottom:15px;
 margin:0px 10px 0px 10px;
}
.con_photo02{
 width:140px;
/* background:url(images/photo_bg.gif) repeat-y;*/
 text-align:center;
 margin-right:5px;
 float:left;
}
.con_photo02 img{border:1px solid #8D8D8D;}
.con_photo_top02{ /*background:url(images/photo_top.gif) no-repeat;*/ height:0px;}
.con_photo_bottom02{/* background:url(images/photo_bottom.gif) no-repeat; */height:0px;}

.con_bottom{clear:both;height:8px;background: url(images/con_bottom.gif) ;margin-top:10px;}

/*------------------------------
       
トピックス+新着情報
------------------------------*/

#what_new_01{width:275px;float:left;}
#what_new_02{width:560px;}
#new_title{
 height:30px;
 text-indent: -999em;
 background:url(images/icon/topics.gif) left top no-repeat;
}
#new_top{height:5px;background:url(images/gairyaku_top.gif) no-repeat;}
#new_bg{background:url(images/gairyaku_bg.gif) repeat-y;}
#new_bottom{height:5px;background:url(images/gairyaku_bottom.gif) ;}
#new_title_02{
 height:30px;
 text-indent: -999em;
 background:url(images/whats_new_02.gif) left top no-repeat;
 margin-bottom:2px;
}
#new_text_01{ padding:5px 10px 5px 10px;background:url(images/gairyaku_bg.gif) left top repeat-y}


#new_top_02{height:8px;background:url(images/new02_top.gif) ;}
#new_text_02{padding:5px 10px 5px 10px;background:url(images/new02_bg.gif) left top repeat-y}
#new_bottom_02{height:8px;background:url(images/new02_bottom.gif) ;}

.new_line{
 height:3px;
 margin: 2px 0px 2px 0px;
 background:url(images/new_line.gif) left top no-repeat;
 clear:both;
}
#topics_title{
 height:30px;
 text-indent: -999em;
 background:url(images/icon/update.gif) left top no-repeat;
}
#topics{width:275px;float:left;margin-right:15px;}
#topics_top{height:8px;background:url(images/gairyaku_top.gif) no-repeat;}
#topics_bg{background:url(images/gairyaku_bg.gif) repeat-y;}
#topics_bottom{height:15px;background:url(images/gairyaku_bottom.gif) no-repeat;}

/*--------------------
インラインフレーム-
-----------------------*/
.logbox_01{
 border: solid 1px #808080;
 width: 260px;
 height: 400px;
 padding: 0.5em;
 overflow: auto; 
 scrollbar-base-color:#ffffff; 
 scrollbar-face-color:#003366; 
 scrollbar-arrow-color:#ffffff; 
 scrollbar-shadow-color:#ffffff;
 scrollbar-highlight-color:#ffffff;
 scrollbar-dark-shadow-coor:#ffffff;
 scrollbar-3d-light-color:#ffffff;
}
.logbox_02{
 border: solid 1px #808080;
 width: 260px; 
 height: 120px;
 padding: 0.5em;
 overflow: auto; 
 scrollbar-base-color:#ffffff;
 scrollbar-face-color:#003366;
 scrollbar-arrow-color:#ffffff;
 scrollbar-shadow-color:#ffffff;
 scrollbar-highlight-color:#ffffff;
 scrollbar-dark-shadow-coor:#ffffff;
 scrollbar-3d-light-color:#ffffff;}

/*----------------------------
エラー・送信完了 各ページ設定 
------------------------------- */

.email_con_midashi{
	height:28px;
	background:url(images/email_midashi_bg.gif) no-repeat;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin-bottom:10px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.box_error {
	font-size: 14px;
	color: #3366CC;
	text-align: center;
	padding: 10px;
	border: none ;
	margin: 10px;
}
.box_thanks {
	font-size: 14px;
	color: #3366CC;
	text-align: center;
	padding: 10px;
	border: none;
	margin: 10px;
}

/*----------------------------
メール新聞+URL送信
------------------------------*/
#form{
 color:#000;
 width:565px;
 background:url(images/form_bg.gif) repeat-y;
}
#information_top{height:10px;background: url(images/mail_top.gif);}
#mail_top{height:30px;background: url(images/mail.gif) no-repeat;text-indent:-999em}
#mobile_top{height:30px;background: url(images/mobile.gif);text-indent:-999em;}

.form_text{
padding:5px 10px 5px 10px;
}
.form_radio{padding:0px 10px 0px 10px;float:right}
.form_right{text-align:right;margin-right:10px;}
.form_textfield{padding:0px 10px 0px 10px;margin-bottom:10px;float:right;}
.input_01{
	width:180px;
}
.input_02{
 width:38px;
 border:1px solid #333333;
 color:#FFF;
 font-weight:bold;
 background:#666666 no-repeat;
 height:17px;
 cursor:pointer;
}

#form_bottom{height:10px;background: url(images/form_bottom.gif);}

#info{
 width:270px;
 background: url(images/gairyaku_bg.gif) repeat-y;
 margin-right:10px;
 float:left;
}
#info_title{height:35px;background: url(images/gairyaku.gif);text-indent:-999em;}
#info_top{height:12px;background: url(images/gairyaku_top.gif);margin-bottom:5px;}
#info_bottom{height:4px;background: url(images/gairyaku_bottom.gif);margin-top:5px;}
.info_text{width:250px;padding:5px 10px 10px 10px;}
.info_text li{float:left;}
.info_li01 {width:70px;}
.info_li02 {width:170px;}
.info_line{
height:1px;
 /* background: url(images/gairyaku_line.gif);
 margin:1px 0px 1px 0px;*/
 clear:both;
}
/*----------------------------------------------------------------------------------------
                                         
footer
----------------------------------------------------------------------------------------*/
#footer{
	width:760px;
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	margin: auto;
}

#footer a:link {
	color: #636363;
	text-decoration:underline;
}
#footer a:visited {color: #636363;text-decoration:underline;}
#footer a:hover {color: #636363;text-decoration:none;}
#footer a:active {color: #636363;text-decoration:none;}

#footer_line{
 width:760px;
 height:2px;
 margin:auto;
 background: url(images/footer_line.gif) no-repeat;
}
#footer_link{
	width:760px;
	margin:auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer_link_in{
width:740px;
text-align:center;
}
#footer_copyright{
 width:760px;
 font-size:8pt;
 text-align:center;
 background: #636363 url(images/copyrights_bg.gif) top;
 line-height:16px;
 color:#FFFFFF;
 height:18px;
}
#footer_copyright div{
margin-top:2px;
}