@charset "utf-8";

/* ---- Generic ---- */
body {
margin:0px;
padding:0px;
background-color: #e4f3fa;
font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 140%;
background-image: url(../img/bg_01.jpg);
background-repeat: repeat-x;
}

img {border:none; }

td {
font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 140%;
}
#box {
margin:0px;
padding: 0px;
width: 760px;
text-align: left;
}
#left {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 170px;
float: left;
}
#right {
margin: 0px;
padding: 0px;
width: 570px;
float: right;
}
#footer {
clear: both;
width: 760px;
height: 46px;
padding: 0px;
margin: 0px;
text-align: center;
font-size: 12px;
line-height: 35px;
background: url(../img/footer.gif) no-repeat;
}
#footer_shim {
clear: both;
width: 760px;
height: 15px;
padding: 0px;
margin: 0px;
}
#footer_shim_top {
clear: both;
width: 760px;
height: 15px;
padding: 0px;
margin: 0px;
background-color: #ffffff;
}
.align_left {
float: left;
}
.align_right {
float: right;
}


/* ---- Top Page ---- */
#top_mainbox {
margin:0px;
padding: 0px;
width: 760px;
height: 437px;
}
#top_logo {
position: absolute; left: 11px; top:40px;
margin: 0px;
padding: 0px;
width: 285px;
height: 40px;
overflow: hidden;
}
#top_bg_01 {
position: absolute; left: 0px; top:171px;
margin: 0px;
padding: 0px;
width: 195px;
height: 306px;
overflow: hidden;
background:url(../img/top_main_bg_01.jpg) no-repeat;
}
#top_bg_02 {
position: absolute; left: 608px; top:171px;
margin: 0px;
padding: 0px;
width: 152px;
height: 306px;
overflow: hidden;
background:url(../img/top_main_bg_02.jpg) no-repeat;
}
#top_txt_01 {
position: absolute; left: 19px; top:93px;
margin: 0px;
padding: 0px;
width: 347px;
height: 44px;
overflow: hidden;
}
#top_txt_02 {
position: absolute; left: 30px; top:141px;
margin: 0px;
padding: 0px;
width: 561px;
height: 20px;
overflow: hidden;
}
#top_arrow {
position: absolute; left: 599px; top:137px;
margin: 0px;
padding: 0px;
width: 18px;
height: 28px;
overflow: hidden;
}
#top_more {
position: absolute; left: 624px; top:92px;
margin: 0px;
padding: 0px;
width: 121px;
height: 121px;
overflow: hidden;
}
#top_main_altat_01 {
position: absolute; left: 195px; top:171px;
margin: 0px;
padding: 0px;
width: 413px;
height: 306px;
overflow: hidden;
}
#top_main_altat_02 {
position: absolute; left: 38px; top:8px;
margin: 0px;
padding: 0px;
width: 137px;
height: 178px;
overflow: hidden;
}
#top_main_altat_03 {
position: absolute; left: 18px; top:193px;
margin: 0px;
padding: 0px;
width: 177px;
height: 64px;
overflow: hidden;
text-align: center;
}
#top_main_pdt {
position: absolute; left: 11px; top:270px;
margin: 0px;
padding: 0px;
width: 105px;
height: 27px;
overflow: hidden;
}
#top_main_bg_mob {
position: absolute; left: 18px; top:74px;
margin: 0px;
padding: 0px;
width: 125px;
height: 210px;
overflow: hidden;
text-align: center;
background:url(../img/top_main_bg_mob.gif) no-repeat;
}
#top_main_bg_mob_02 {
margin: 0px;
padding: 0px;
text-align: center;
}
#top_main_caution {
position: absolute; left: 195px; top:456px;
margin: 0px;
padding: 0px;
width: 500px;
height: 26px;
overflow: hidden;
}


#top_under_box {
margin:0px;
padding: 0px;
width: 760px;
background-color: #ffffff;
}

#top_menu_box {
margin:0px 0px 0px 6px;
padding: 0px;
width: 475px;
float:left;
}

#top_menu_btn{
float:left;
}

#top_menu_cminfo{
margin:20px 0px 20px 10px;
}

#top_menu_cminfo_txt{
margin:0px 0px 0px 10px;
}

#top_menu_01 {
position: absolute; left: 11px; top:0px;
margin: 0px;
padding: 0px;
width: 157px;
height: 105px;
overflow: hidden;
}
#top_menu_02 {
position: absolute; left: 168px; top:0px;
margin: 0px;
padding: 0px;
width: 158px;
height: 105px;
overflow: hidden;
}
#top_menu_03 {
position: absolute; left: 326px; top:0px;
margin: 0px;
padding: 0px;
width: 160px;
height: 105px;
overflow: hidden;
}
#top_menu_04 {
position: absolute; left: 11px; top:105px;
margin: 0px;
padding: 0px;
width: 157px;
height: 105px;
overflow: hidden;
}
#top_menu_05 {
position: absolute; left: 168px; top:105px;
margin: 0px;
padding: 0px;
width: 158px;
height: 105px;
overflow: hidden;
}
#top_menu_06 {
position: absolute; left: 22px; top:230px;
margin: 0px;
padding: 0px;
}
#top_menu_07 {
position: absolute; left: 22px; top:350px;
margin: 0px;
padding: 0px;
}


#top_menu_info {
margin: 10px 10px 0px 0px !important;
margin: 10px 5px 0px 0px;
width: 244px;
float:right;
font-size: 12px;
line-height: 12px;
}

#top_menu_info_02 {
margin: 0px;
padding: 0px;
width: 244px;
height: 27px;
font-size: 12px;
line-height: 27px;
color: #993300;
background:url(../img/info.jpg) no-repeat;
}
#top_menu_info_03 {
margin: 0px 0px 30px 0px;
padding: 0px;
width: 244px;
background:url(../img/info_bg.jpg);
}
#top_menu_info_04 {
margin: 0px;
padding: 10px 10px 10px 10px;
width: 224px;
font-size: 12px;
color: #333333;
line-height: 12px;
}


#top_menu_info_05 {
margin: 0px;
padding: 0px;
width: 224px;
}

#top_menu_info_05 ul{
margin: 0px;
padding: 0px;
}

#top_menu_info_05 li{
list-style:none;
margin: 0px 0px 5px 0px;
}


/* ---- Header ---- */
#header_copy {
margin: 0px;
padding: 0px;
width: 760px;
height: 19px;
background:url(../img/head_01.jpg) no-repeat;
background-color: #f5f5f5;
font-size: 10px;
color: #999999;
text-align: right;
line-height: 19px;
overflow: hidden;
}
#header_left {
margin: 0px;
padding: 0px;
width: 760px;
height: 21px;
}
.header_menu {
list-style:none;
padding: 0px;
margin: 0px;
}
.h_menu_01 {
position: absolute; left: 540px; top:19px;
padding: 0px;
margin: 0px;
width: 104px;
height: 21px;
background: url(../img/tab_01.gif) no-repeat;
font-size: 10px;
line-height: 21px;
overflow: hidden;
}
.h_menu_01 a {
width: 104px;
height: 21px;
padding: 0px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/tab_01.gif) no-repeat;
text-decoration: none;
}
.h_menu_01 a:hover {
color: #9be1ff;
background: url(../img/tab_01_on.gif) no-repeat;
border-bottom-style: none;
}
.h_menu_02 {
position: absolute; left: 649px; top:19px;
padding: 0px;
margin: 0px;
width: 104px;
height: 21px;
background: url(../img/tab_01.gif) no-repeat;
font-size: 10px;
line-height: 21px;
overflow: hidden;
}
.h_menu_02 a {
width: 104px;
height: 21px;
padding: 0px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/tab_01.gif) no-repeat;
text-decoration: none;
}
.h_menu_02 a:hover {
color: #9be1ff;
background: url(../img/tab_01_on.gif) no-repeat;
border-bottom-style: none;
}



/* ---- left menu ---- */
#logo {
margin: 0px;
padding: 0px;
width: 170px;
height: 42px;
overflow: hidden;
}
#left_menu_bg {
position: absolute; left: 0px; top:119px;
padding: 0px;
margin: 0px;
width: 170px;
height: 200px;
background-color: #ffffff;
overflow: hidden;
}
#l_menu_head {
position: absolute; left: 0px; top:82px;
margin: 0px;
padding: 0px;
width: 170px;
height: 37px;
overflow: hidden;
}
#l_menu_foot {
position: absolute; left: 0px; top:317px;
margin: 0px;
padding: 0px;
width: 170px;
height: 15px;
overflow: hidden;
}
.left_menu {
list-style:none;
padding: 2px;
margin: 0px;
}
.l_menu_01 {
position: absolute; left: 2px; top:2px;
padding: 0px;
margin: 0px;
width: 166px;
height: 35px;
background:url(../img/lm_bt_01.jpg) no-repeat;
font-size: 12px;
line-height: 34px;
overflow: hidden;
}
.l_menu_01 a {
width: 166px;
height: 35px;
padding: 0px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/lm_bt_01.jpg) no-repeat;
text-decoration: none;
}
.l_menu_01 a:hover {
color: #00ccff;
background: url(../img/lm_bt_01_on.gif) no-repeat;
border-bottom-style: none;
}
.l_menu_02 {
position: absolute; left: 2px; top:37px;
padding: 0px;
margin: 0px;
width: 166px;
height: 35px;
background:url(../img/lm_bt_01.jpg) no-repeat;
font-size: 12px;
line-height: 34px;
overflow: hidden;
}
.l_menu_02 a {
width: 166px;
height: 35px;
padding: 0px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/lm_bt_01.jpg) no-repeat;
text-decoration: none;
}
.l_menu_02 a:hover {
color: #00ccff;
background: url(../img/lm_bt_01_on.gif) no-repeat;
border-bottom-style: none;
}
.l_menu_03 {
position: absolute; left: 2px; top:72px;
padding: 0px;
margin: 0px;
width: 166px;
height: 45px;
background:url(../img/lm_bt_02.jpg) no-repeat;
font-size: 12px;
line-height: 17px;
overflow: hidden;
}
.l_menu_03 a {
width: 166px;
height: 45px;
padding: 5px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/lm_bt_02.jpg) no-repeat;
text-decoration: none;
}
.l_menu_03 a:hover {
color: #00ccff;
background: url(../img/lm_bt_02_on.gif) no-repeat;
border-bottom-style: none;
}
.l_menu_04 {
position: absolute; left: 2px; top:117px;
padding: 0px;
margin: 0px;
width: 166px;
height: 45px;
background:url(../img/lm_bt_02.jpg) no-repeat;
font-size: 12px;
line-height: 17px;
overflow: hidden;
}
.l_menu_04 a {
width: 166px;
height: 45px;
padding: 5px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/lm_bt_02.jpg) no-repeat;
text-decoration: none;
}
.l_menu_04 a:hover {
color: #00ccff;
background: url(../img/lm_bt_02_on.gif) no-repeat;
border-bottom-style: none;
}
.l_menu_05 {
position: absolute; left: 2px; top:162px;
padding: 0px;
margin: 0px;
width: 166px;
height: 34px;
background:url(../img/lm_bt_01.jpg) no-repeat;
font-size: 12px;
line-height: 34px;
overflow: hidden;
}
.l_menu_05 a {
width: 166px;
height: 34px;
padding: 0px 0px 0px 30px;
color: #0066ff;
display: block;
background: url(../img/lm_bt_01.jpg) no-repeat;
text-decoration: none;
}
.l_menu_05 a:hover {
color: #00ccff;
background: url(../img/lm_bt_01_on.gif) no-repeat;
border-bottom-style: none;
}


/* ---- enquete ---- */
#form {
position: absolute; left: 0px; top:500px;
width: 160px;
margin: 0px 0px 0px 10px;
padding: 0px;
overflow: hidden;
}
#form_box {
margin: 0px;
padding: 5px 10px 5px 10px;
width: 100%;
font-size: 12px;
line-height: 130%;
background-color: #ffffff;
/*border: 1px solid #ffcc66;*/
overflow: hidden;
}
#line_form {
width: 140px;
background-image: url(../img/line_form.gif);
background-repeat: repeat-x;
}
#content_line_enquete {
margin: 10px 100px 0px 100px;
padding: 10px;
width: 560px;
background-color: #ffffff;
border: 1px solid #0066ff;
}
#enquete_txt {
margin: 0px 0px 0px 100px;
padding: 0px;
}


/* ---- content ---- */
#header_navi {
margin: 0px;
padding: 0px 0px 0px 0px;
width: 560px;
height: 42px;
font-size: 10px;
font-family: "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
line-height: 52px;
overflow: hidden;
}
#category {
margin: 0px;
padding: 0px 0px 0px 5px;
width: 560px;
height: 20px;
background: url(../img/ct_head_01.gif) no-repeat;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
line-height: 20px;
color: #ffffff;
}
#content_title {
margin: 0px;
padding: 0px;
width: 560px;
height: 50px;
}

#content_foot {
margin: 0px;
padding: 0px;
width: 560px;
height: 14px;
}

#content {
margin: 0px;
padding: 15px;
width: 530px;
line-height: 140%;
}
#content_margin {
margin: 0px;
padding: 15px;
width: 540px;
}
#content_area {
margin: 0px;
padding: 0px;
width: 528px;
line-height: 140%;
}
#content_line {
margin: 0px;
padding: 0px;
width: 560px;
background-color: #ffffff;
}
#content_line_center {
margin: 100px;
padding: 0px;
width: 560px;
border: 1px solid #b7b7b7;
text-align: center;
}



/* ---- clearfix ---- */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */