/* -----------------------------------------------------------
CSS Information
	基本スタイル
----------------------------------------------------------- */

/*-----------------------------------------------
 __Reset
-----------------------------------------------*/
img, div, input { behavior: url(css/iepngfix.htc); }

* {
margin:0;
padding:0;
}


/* ======== clearfix(親divに追加でclass指定。これで次のボックスはクリアされる。)// ======== */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7とMacIE5用 */
.clearfix { display: inline-block; }

/* WinIE6以前用　ホーリーハック */
* html .clearfix { height: 1%; }

/*MacIE5以外用　プロパティをblockに戻す */
.clearfix { display: inline-block; }
/* ====================================== //clearfix ====================================== */


/*-----------------------------------------------
 __base_style
-----------------------------------------------*/

html {
overflow-x : hidden;
overflow-y:scroll;
} 

body {
background:#fff;
color:#444;
text-align:center;
font-size:small;
font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

*:first-child + html body {
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}

select, input, textarea{ 
font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 10px; }
input{ vertical-align: middle; }

p {
margin:0;
padding:0;
}

img {
border:0;
}

a {
outline:none;}

a{color:#333; text-decoration:none;}
a:hover{color:#0080CC; text-decoration:underline;}

.clear{
clear:both;
}

.c{
text-align:center;
}

.l{
text-align:left;}

.r{
text-align:right;}

.b{
font-weight:bold;}

.fs{
font-size:10px;}

.l_s{
letter-spacing:-1px;
}

.red{
color:#FF0000;}

img.right{
padding:2px;
float:right;}

img.left{
float:left;}

#contents-waku-li .pagetop{
margin:10px 0 0 0;
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#top_bg {
background:url(../images/top_bg.jpg) 50% 0 repeat-x;
text-align:center;
margin:0 auto;
height:487px;
}

#top_bg_li {
background:url(../images/top_bg.jpg) 50% 0 repeat-x;
text-align:center;
margin:0 auto;
padding-bottom:10px;
}

#top_bg_a {
background:url(../anime/images/a_top_bg.gif) 50% 0 repeat-x;
text-align:center;
margin:0 auto;
height:344px;
}

#container {
width:auto;
text-align:left;
margin:0 auto;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
width:780px;
height:100px;
margin:0 auto;
text-align:left;
}

#header h1{
letter-spacing:-1px;
text-align:left;
padding:12px 0 10px 5px;
font-size:10px;
font-weight:normal;
color:#FFFFFF;}


#header .logo{
padding:0;
}

#header_left{
width:225px;
float:left;}

#header_right{
margin:10px 0 0 0;
width:282px;
float:right;}

#header_menuarea{
width:282px;
margin:15px 0 0 0;}

#header_menuarea ul{
line-height:0;
font-size:0;
list-style-type:none;
}

#header_menuarea li{
padding:0 0 0 10px;
display:inline;
float:left;
width:131px;
height:37px;}

#header_menuarea li a{
width:131px;
height:37px;
display:block;
text-indent:-9999px;
padding:0;
margin:0;}

#header_menuarea .req_navi01 a{
background:url(../images/m_mail.jpg) 0 0 no-repeat;
}

#header_menuarea .req_navi01 a:hover{
background:url(../images/m_mail.jpg) 0 -37px no-repeat;
}

#header_menuarea .req_navi02 a{
background:url(../images/m_open.jpg) 0 0 no-repeat;
}

#header_menuarea .req_navi02 a:hover{
background:url(../images/m_open.jpg) 0 -37px no-repeat;
}

.li_sugawara{
margin:4px 0 0 10px;} 

#kensaku{
width:200px;
float:left;
padding:4px 0 0 10px;
height: 18px;
background:url(../images/kensaku_bg.jpg) 0 0 repeat-x;
}

#kensaku .sollid{
width:13em;
padding:0;}

#kensaku p{
padding:0 5px 0 0;
float:left;}

/*-----------------------------------------------
 __navi
-----------------------------------------------*/

#navi {
clear:both;
width:780px;
margin:0 auto;
height:40px;
}

#navi ul{
list-style-type:none;}

#navi li{
float:left;
display:inline;
}

#navi li a{
text-indent:-9999px;
display:block;
}

#navi .navi01 a{
background:url(../images/m_home.jpg) 0 0 no-repeat;
width:57px;
height:40px;}

#navi .navi01 a:hover,#navi .navi01_a{
background:url(../images/m_home.jpg) 0 -40px no-repeat;
width:57px;
height:40px;}

#navi .navi02 a{
background:url(../images/m_a.jpg) 0 0 no-repeat;
width:128px;
height:40px;}

#navi .navi02 a:hover,#navi .navi02_a{
background:url(../images/m_a.jpg) 0 -40px no-repeat;
width:128px;
height:40px;}

#navi .navi03 a{
background:url(../images/m_v.jpg) 0 0 no-repeat;
width:91px;
height:40px;}

#navi .navi03 a:hover,#navi .navi03_a{
background:url(../images/m_v.jpg) 0 -40px no-repeat;
width:91px;
height:40px;}

#navi .navi04 a{
background:url(../images/m_g.jpg) 0 0 no-repeat;
width:93px;
height:40px;}

#navi .navi04 a:hover,#navi .navi04_a{
background:url(../images/m_g.jpg) 0 -40px no-repeat;
width:93px;
height:40px;}

#navi .navi05 a{
background:url(../images/m_d.jpg) 0 0 no-repeat;
width:102px;
height:40px;}

#navi .navi05 a:hover,#navi .navi05_a{
background:url(../images/m_d.jpg) 0 -40px no-repeat;
width:102px;
height:40px;}

#navi .navi06 a{
background:url(../images/m_guide.jpg) 0 0 no-repeat;
width:93px;
height:40px;}

#navi .navi06 a:hover,#navi .navi06_a{
background:url(../images/m_guide.jpg) 0 -40px no-repeat;
width:93px;
height:40px;}

#navi .navi07 a{
background:url(../images/m_faq.jpg) 0 0 no-repeat;
width:66px;
height:40px;}

#navi .navi07 a:hover,#navi .navi07_a{
background:url(../images/m_faq.jpg) 0 -40px no-repeat;
width:66px;
height:40px;}

#navi .navi08 a{
background:url(../images/m_link.jpg) 0 0 no-repeat;
width:68px;
height:40px;}

#navi .navi08 a:hover,#navi .navi08_a{
background:url(../images/m_link.jpg) 0 -40px no-repeat;
width:68px;
height:40px;}

#navi .navi09 a{
background:url(../images/m_sitemap.jpg) 0 0 no-repeat;
width:82px;
height:40px;}

#navi .navi09 a:hover,#navi .navi09_a{
background:url(../images/m_sitemap.jpg) 0 -40px no-repeat;
width:82px;
height:40px;}

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#bg {
background:url(../images/bg.gif) 0 0 repeat;
text-align:center;
margin:0 auto;
}

#contents{
padding:0;
margin:0 auto;
width:780px;
text-align:center;
background-color:#FFFFFF;
}

#contents-waku{
width:747px;
text-align:left;
padding:15px 15px 0 16px;
}

#contents-waku-li{
position:relative;
width:747px;
text-align:left;
margin-top:10px;
padding-right:31px;
_padding-right:0px;
}


/*-----------------------------------------------
 __intro
-----------------------------------------------*/

#intro{
width:747px;
height:auto;
float:left;}

#intro .intro_link{
padding:5px 0px 10px 10px;
}

#intro .intro_link p{
line-height:160%;
font-size:10px;
}

#intro .intro_link .spa01{
margin-top:10px;
}

#intro .intro_link .fl_l{
float:left;
padding-right:5px;
}

#intro_link_a{
width:184px;
background-color:#FBEEC0;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}

#intro #intro_a #intro_link_a a:hover{
color:#660000; 
text-decoration:none; font-size:10px; 
font-weight:bold;
}

#intro #intro_a #intro_link_a a{
color:#C67D15; 
text-decoration:none; font-size:10px; 
font-weight:bold;
}

#intro_link_v{
width:184px;
background-color:#F9E8EF;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}

#intro #intro_v a{
color:#f56485; 
text-decoration:none; 
font-size:10px; 
font-weight:bold;}

#intro #intro_v a:hover{
color:#8d0536; 
text-decoration:none; 
font-size:10px; 
font-weight:bold;}

#intro_link_g{
width:184px;
background-color:#D0E6D8;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}

#intro #intro_g a{
color:#118e35; 
text-decoration:none; 
font-size:10px; 
font-weight:bold;}

#intro #intro_g a:hover{
color:#072e20; 
text-decoration:none; 
font-size:10px; 
font-weight:bold;}

#intro_link_d{
width:184px;
background-color:#D4E7F3;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}

#intro #intro_d a{
color:#15a3c7; 
text-decoration:none; 
font-size:10px; 
font-weight:bold;}

#intro #intro_d a:hover{
color:#186279; 
text-decoration:none; 
font-size:10px; 
font-weight:bold;}

#intro_a{
float:left;
width:187px;}

#intro #intro_a .li_a01 a{
padding:1px 0 1px 12px;
background:url(../images/intro_a_li.gif) 0 50% no-repeat;
}

#intro_v{
float:left;
width:187px;}

#intro #intro_v .li_v01 a{
padding:1px 0 1px 12px;
background:url(../images/intro_v_li.gif) 0 50% no-repeat;
}

#intro_g{
float:left;
width:187px;}

#intro #intro_g .li_g01 a{
padding:1px 0 1px 12px;
background:url(../images/intro_g_li.gif) 0 50% no-repeat;
}

#intro_d{
float:left;
width:186px;}

#intro #intro_d #intro_link_d a{
padding:1px 0 1px 12px;
background:url(../images/intro_d_li.gif) 0 50% no-repeat;
}

#intro h3 a{
text-indent:-9999px;
display:block;
width:186px;
height:37px;}

#intro_a h3 a{background:url(../images/intro_a.jpg) 0 0 no-repeat;}

#intro_a h3 a:hover{background:url(../images/intro_a.jpg) 0 -37px no-repeat;}

#intro_v h3 a{background:url(../images/intro_v.jpg) 0 0 no-repeat;}

#intro_v h3 a:hover{background:url(../images/intro_v.jpg) 0 -37px no-repeat;}

#intro_g h3 a{background:url(../images/intro_g.jpg) 0 0 no-repeat;}

#intro_g h3 a:hover{background:url(../images/intro_g.jpg) 0 -37px no-repeat;}

#intro_d h3 a{background:url(../images/intro_d.jpg) 0 0 no-repeat;}

#intro_d h3 a:hover{background:url(../images/intro_d.jpg) 0 -37px no-repeat;}

/*-----------------------------------------------
 __top_main
-----------------------------------------------*/

#top_main{
text-align:left;
clear:both;
margin:0 auto;
padding:15px 0 0 0;
width:747px;
float:left;}

/*-----------------------------------------------
 __top_main_left
-----------------------------------------------*/

#top_main_left{
float:left;
width:561px;}

/*-----------------------------------------------
 __guide
-----------------------------------------------*/

#top_main_left #guide{
width:559px;
float:left;
border:#CCCCCC 1px solid;
background:url(../images/top_guide_img.jpg) bottom left no-repeat;
}

#top_main_left #guide_waku{
width:394px;
float:left;
padding:10px 5px 5px 160px;
}

#top_main_left #guide_waku dl{
width:394px;
}

#top_main_left #guide_waku dt{
float:left;
line-height:180%;
}

#top_main_left #guide_waku dd{
margin-left:11em;
line-height:180%;
}

#top_main_left #guide_waku .gu_ul02{
clear:both;
width:344px;
list-style:none;
padding:0 0 0 50px;
}

#top_main_left #guide_waku .gu_ul02 li{
line-height:200%;
float:left;
}

#top_main_left #guide_waku .gu01{
font-size:12px;
padding:0 0 0 12px;
background:url(../images/top_guide_li.gif) 0 50% no-repeat;}

#top_main_left #guide_waku .gu02{
font-size:10px;
padding:0 10px 0 12px;
background:url(../images/top_guide_li.gif) 0 50% no-repeat;}


/*-----------------------------------------------
 __news
-----------------------------------------------*/

#top_main_left #news{
clear:both;
padding:13px 0 0 0;
}

#top_main_left #news h4{
padding-bottom:5px;
}

#top_main_left #news_waku{
width:561px;
padding:0;
background:url(../images/news_bg.jpg) 0 0 repeat-y;
}


/*-----------------------------------------------
 __top_main_right
-----------------------------------------------*/

#top_main_right{
float:right;
width:181px;}

#top_main_right ul{
list-style-type:none;}

#top_main_right li{
text-align:right;
font-size:0;
line-height:0;
padding:0 0 3px 0;}

.load_banner_pd{
text-align:right;
padding:0 0 3px 0;}


/*-----------------------------------------------
 __top_main_bottom
-----------------------------------------------*/

#bottom_sm{
clear:both;
}

#bottom_sm ul{
padding:30px 0 0 0;
list-style:none;
float:left;
display:inline;
}

#bottom_sm li{
float:left;
font-size:10px;
padding:0 20px 0 12px;
background:url(../images/top_guide_li.gif) 0 50% no-repeat;}

#bottom_sm .pagetop{
float:right;
margin:30px 0 0 0;
text-align:right;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#foot_bg {
background:url(../images/foot_bg.gif) 0 0 repeat;
text-align:center;
margin:0 auto;
}

#foot{
text-align:center;
width:780px;
background:url(../images/foot_right_bg.jpg) right bottom no-repeat;
background-color:#ECF7FE;
margin:0 auto;
}

#foot-waku{
width:747px;
text-align:left;
padding:15px 15px 5px 16px;
}

#foot_left {
width:223px;
float:left;
height:130px;
}

#foot_right {
float:right;
width:224px;
text-align:right;
}

#footer_bottom {
font-size:10px;
clear:both;
}

address{
text-align:center;
font-style:normal;
font-size:10px;
padding-bottom:10px;
}