@charset "utf-8";

/*
--------------------------------------------------
Designer Kentaro Yuasa <info@yuaken.com>
(c)2007 yuaken.com all rights reserved.
--------------------------------------------------*/

/*common
------------------------------------------------*/
body { margin:0; padding:0; background:#fff url(../01_image/common/main_haikei_02.gif) repeat-x; color:#333; font:12px/1.8em Osaka, Verdana, Helvetica, Arial, 'Hiragino Maru Gothic Pro', sans-serif; letter-spacing:0.1em; }
html { overflow-y:scroll; scrollbar-face-color:#eee; scrollbar-arrow-color:#039; 
scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-3dlight-color:#039; scrollbar-darkshadow-color: #039; }

h1 , h2 , h3 , h4 , h5 , p { margin:0; padding:0; font-size:12px;}
hr { display:none;}

#wrapper { position:absolute; background:#fff; width:900px; height:auto; left:50%; margin-left:-450px; }
#header { margin:0; padding:0; widht:900px; }
#main  , #footer { float:left; margin:0; padding:0 5px; widht:900px; }

.header_top { background:url(../01_image/common/header_top_01.gif) no-repeat; width:900px; height:55px; }
.header_comment { position:absolute; margin:5px 0 0 -50px; padding:0; width:300px; top:0; left:50%; line-height:1.6em; }

.header_menu { background:url(../01_image/common/header_menu_haikei_01.gif) repeat-x; width:900px; height:25px; }
.header_menu ul { margin:0 0 0 66px; padding:0; }
.header_menu li {float:left; text-indent:-10000px; display:block; }
.menu_01 a { float:left; background:url(../01_image/common/header_menu_default_01.gif); width:71px; height:25px; }
.menu_02 a { float:left; background:url(../01_image/common/header_menu_default_02.gif); width:83px; height:25px; }
.menu_03 a { float:left; background:url(../01_image/common/header_menu_default_03.gif); width:125px; height:25px; }
.menu_04 a { float:left; background:url(../01_image/common/header_menu_default_04.gif); width:155px; height:25px; }
.menu_05 a { float:left; background:url(../01_image/common/header_menu_default_05.gif); width:111px; height:25px; }
.menu_06 a { float:left; background:url(../01_image/common/header_menu_default_06.gif); width:83px; height:25px; }
.menu_07 a { float:left; background:url(../01_image/common/header_menu_default_07.gif); width:140px; height:25px; }
.menu_01 a:hover { background:url(../01_image/common/header_menu_over_01.gif); }
.menu_02 a:hover { background:url(../01_image/common/header_menu_over_02.gif); }
.menu_03 a:hover { background:url(../01_image/common/header_menu_over_03.gif); }
.menu_04 a:hover { background:url(../01_image/common/header_menu_over_04.gif); }
.menu_05 a:hover { background:url(../01_image/common/header_menu_over_05.gif); }
.menu_06 a:hover { background:url(../01_image/common/header_menu_over_06.gif); }
.menu_07 a:hover { background:url(../01_image/common/header_menu_over_07.gif); }

.menu_01 { background:url(../01_image/common/header_menu_stay_01.gif); width:71px; height:25px; }
.menu_02 { background:url(../01_image/common/header_menu_stay_02.gif); width:83px; height:25px; }
.menu_03 { background:url(../01_image/common/header_menu_stay_03.gif); width:125px; height:25px; }
.menu_04 { background:url(../01_image/common/header_menu_stay_04.gif); width:155px; height:25px; }
.menu_05 { background:url(../01_image/common/header_menu_stay_05.gif); width:111px; height:25px; }
.menu_06 { background:url(../01_image/common/header_menu_stay_06.gif); width:83px; height:25px; }
.menu_07 { background:url(../01_image/common/header_menu_stay_07.gif); width:140px; height:25px; }

.header_title { background:#039 url(../01_image/common/header_title_haikei_01.gif); width:900px; height:40px; text-indent:-10000px; }
.title_02 { float:left; background:#039 url(../01_image/common/header_title_02.gif); width:900px; height:40px; }
.title_03 { float:left; background:#039 url(../01_image/common/header_title_03.gif); width:900px; height:40px; }
.title_04 { float:left; background:#039 url(../01_image/common/header_title_04.gif); width:900px; height:40px; }
.title_05 { float:left; background:#039 url(../01_image/common/header_title_05.gif); width:900px; height:40px; }
.title_06 { float:left; background:#039 url(../01_image/common/header_title_06.gif); width:900px; height:40px; }
.title_07 { float:left; background:#039 url(../01_image/common/header_title_07.gif); width:900px; height:40px; }
.title_08 { float:left; background:#039 url(../01_image/common/header_title_08.gif); width:900px; height:40px; }
.title_09 { float:left; background:#039 url(../01_image/common/header_title_09.gif); width:900px; height:40px; }

.footer_menu { margin:10px 0; padding:0; width:890px; border-top:1px solid #ccc; }
.footer_menu ul { margin:10px 0 0; padding:0; text-align:center; }
.footer_menu li { margin:0 10px; padding:0; display:inline; text-transform:uppercase; }
.footer_copy { margin:0; background:url(../01_image/common/footer_haikei_01.gif) ; width:890px; height:30px; text-align:center; }
.footer_copy p { margin:0; padding-top:3px; }

.header_main { background:#039; width:900px; height:225px; }
.header_main ul , .header_bottom ul , .box_bana_01 ul { float:left; margin:0; padding:0; }
.main_01 a { float:left; background:url(../01_image/home/header_main_default_01.jpg); width:225px; height:225px; text-indent:-10000px; }
.main_02 a { float:left; background:url(../01_image/home/header_main_default_02.jpg); width:225px; height:225px; text-indent:-10000px; }
.main_03 a { float:left; background:url(../01_image/home/header_main_default_03.jpg); width:225px; height:225px; text-indent:-10000px; }
.main_04 a { float:left; background:url(../01_image/home/header_main_default_04.jpg); width:225px; height:225px; text-indent:-10000px; }
.main_01 a:hover { background:url(../01_image/home/header_main_over_01.jpg); }
.main_02 a:hover { background:url(../01_image/home/header_main_over_02.jpg); }
.main_03 a:hover { background:url(../01_image/home/header_main_over_03.jpg); }
.main_04 a:hover { background:url(../01_image/home/header_main_over_04.jpg); }

.header_bottom { float:left; background:#fff; width:900px; height:65px; }
.bottom_01 a { float:left; background:url(../01_image/home/header_bottom_default_01.gif); width:225px; height:65px; text-indent:-10000px; }
.bottom_02 a { float:left; background:url(../01_image/home/header_bottom_default_02.gif); width:225px; height:65px; text-indent:-10000px; }
.bottom_03 a { float:left; background:url(../01_image/home/header_bottom_default_03.gif); width:225px; height:65px; text-indent:-10000px; }
.bottom_04 a { float:left; background:url(../01_image/home/header_bottom_default_04.gif); width:225px; height:65px; text-indent:-10000px; }
.bottom_01 a:hover { background:url(../01_image/home/header_bottom_over_01.gif); }
.bottom_02 a:hover { background:url(../01_image/home/header_bottom_over_02.gif); }
.bottom_03 a:hover { background:url(../01_image/home/header_bottom_over_03.gif); }
.bottom_04 a:hover { background:url(../01_image/home/header_bottom_over_04.gif); }

#header h1 , #header h3 { margin:0; padding:0; font-size:12px; text-indent:-10000px; }

.box_01 { margin:0; padding:10px 0; width:890px; clear:both; }
.box_left { float:left; width:440px; }
.box_right { float:right; width:440px; }
.box_03 { margin:0 5px; padding:0; }
.box_bana_01 { margin:10px 0; padding:0 5px; width:890px;}
.box_photo_01 { float:left; margin:10px 5px; padding:0; width:210px; }
.box_photo_02 { float:left; margin:0; padding:0; width:440px; }
.box_01 h3 , .box_02 h3 { margin:0px; padding:0; text-indent:-10000px; }
.box_line_01 { margin:0; padding-top:10px; width:890px; border-top:1px solid #ccc; clear:both; }

dl { margin:5px 0; padding:0 5px; width:430px; height:126px; overflow:auto; }
dt { float:left; margin:0; padding:0; }
dd { margin-left:100px; padding:0; }

td dl { margin:5px 0; padding:0 5px; width:100%; height:auto; }
td dt { float:left; margin:0; padding:0; }
td dd { margin-left:50px; padding:0; }

.txt_01 { margin:0 10px; paddin:0; height:auto; }
.box_photo_01 dl { margin:10px 0 5px; padding:5px 0 0; width:210px; height:auto; border-top:1px dotted #666; }
.box_photo_01 dd { margin-left:80px; padding:0; }

.clear { display:clear; }
strong { font-size:16px; color:#f00; }
.txt_10 { font-size:10px; }
.txt_12 { font-size:12px; }
.blue_12 { font-size:12px; color:#039; }
.txt_small { font-size:10px; color:#666; line-height:1.6em; width:210px;}

.common_button_01 a { float:left; margin:0 5px; padding:0; background:url(../01_image/common/main_button_default_01.gif); width:430px; height:100px; text-indent:-10000px; }
.common_button_02l a { float:left; margin:0 5px; padding:0; background:url(../01_image/common/main_button_default_02.gif); width:430px; height:100px; text-indent:-10000px; }
.common_button_02r a { float:right; margin:0 5px; padding:0; background:url(../01_image/common/main_button_default_02.gif); width:430px; height:100px; text-indent:-10000px; }
.common_button_03 a { float:left; margin:0 5px; padding:0; background:url(../01_image/common/main_button_default_03.gif); width:430px; height:100px; text-indent:-10000px; } 
.common_button_04 a { float:right; margin:0 5px; padding:0; background:url(../01_image/common/main_button_default_04.gif); width:430px; height:100px; text-indent:-10000px; }
.common_button_04c a { float:left; margin-left:230px; background:url(../01_image/common/main_button_default_04.gif); width:430px; height:100px; text-indent:-10000px; }
.common_button_01 a:hover { background:url(../01_image/common/main_button_over_01.gif); border:none; }
.common_button_02l a:hover { background:url(../01_image/common/main_button_over_02.gif); border:none; }
.common_button_02r a:hover { background:url(../01_image/common/main_button_over_02.gif); border:none; }
.common_button_03 a:hover { background:url(../01_image/common/main_button_over_03.gif); border:none; }
.common_button_04 a:hover { background:url(../01_image/common/main_button_over_04.gif); border:none; }
.common_button_04c a:hover { background:url(../01_image/common/main_button_over_04.gif); border:none; }

.common_categori_01 { background:url(../01_image/common/common_categori_01.gif); width:890px; height:30px; }

.box_bana_01 ul { margin:0; padding:0; }
.box_bana_01 li { float:left; display:block; }
.big_link_01 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_big_01.gif); width:210px; height:45px; text-indent:-10000px; }
.big_link_02 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_big_02.gif); width:210px; height:45px; text-indent:-10000px; }
.big_link_03 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_big_03.gif); width:210px; height:45px; text-indent:-10000px; }
.big_link_04 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_big_04.gif); width:210px; height:45px; text-indent:-10000px; }
.small_link_01 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_01.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_02 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_02.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_03 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_03.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_04 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_04.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_05 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_05.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_06 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_06.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_07 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_07.gif); width:100px; height:35px; text-indent:-10000px; }
.small_link_08 a { float:left; margin:5px; padding:0; background:url(../01_image/common/common_bana_small_08.gif); width:100px; height:35px; text-indent:-10000px; }

sup { margin:0px; padding:0; font-size:9px; text-height:-10px; vertical-align:top; }

/*table
------------------------------------------------*/
caption { padding:5px; text-align:left; font-size:14px; color:#039; background:#ddd; border:1px solid #ccc; border-bottom:3px solid #999; }
.bottom { padding:5px; text-align:left; font-size:16px; color:#039; background:#ddd; border:1px solid #ccc; border-top:3px solid #999; }
td { padding:5px; font-size:12px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:top; empty-cell:show; }
th { padding:5px; background:#eee; font-size:12px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; }
table { float:left; margin:10px 0 20px; padding:0;  width:100%; border-left:1px solid #ccc; border-top:1px solid #ccc; line-height:1.6em; text-align:left; }
table li { margin:3px 5px; padding:0; display:block; text-align:left; }
table p { margin:3px 5px; padding:0; text-align:left; }
.item_10 { width:10%; }
.item_15 { width:15%; }
.item_16 { width:16%; }
.item_20 { width:20%; }
.item_24 { width:24%; }
.item_25 { width:25%; }
.item_30 { width:30%; }
.item_32 { width:32%; }
.item_33 { width:33%; }
.item_35 { width:35%; }
.item_36 { width:36%; }
.item_40 { width:40%; }
.item_44 { width:44%; }
.item_50 { width:50%; }
.item_60 { width:60%; }
.item_64 { width:64%; }
.item_66 { width:66%; }
.item_70 { width:70%; }
.item_80 { width:80%; }
.item_100 { width:100%; }


/*home
------------------------------------------------*/
.home_photo_01 { float:left; margin:10px 0; padding:0; width:210px; height:110px; }
.home_txt_01 { float:right; margin:5px 0; padding:0; width:200px; height:65px; overflow:auto; }

.home_categori_01 { background:url(../01_image/home/home_categori_01.gif); width:440px; height:30px; }
.home_categori_02 { background:url(../01_image/home/home_categori_02.gif); width:440px; height:30px; }
.home_categori_03 { background:url(../01_image/home/home_categori_03.gif); width:440px; height:30px; }
.home_categori_04 { background:url(../01_image/home/home_categori_04.gif); width:890px; height:30px; }
.home_categori_05 { background:url(../01_image/home/home_categori_05.gif); width:890px; height:30px; }
.home_categori_06 { background:url(../01_image/home/home_categori_06.gif); width:890px; height:30px; }
.home_categori_07 { background:url(../01_image/home/home_categori_07.gif); width:890px; height:30px; }

.sub_button_01 a { float:right; margin:0 50px; padding:0; background:url(../01_image/home/home_sub_button_default_01.gif); width:110px; height:45px; text-indent:-10000px; }
.sub_button_01 a:hover { background:url(../01_image/home/home_sub_button_over_01.gif); border:none; }


/*flow
------------------------------------------------*/
.step_01 { margin-left:342px; background:url(../01_image/flow/step_01.gif); width:215px; height:120px; clear:both; text-indent:-10000px; }


/*articles
------------------------------------------------*/
.articles_categori_01 { background:url(../01_image/articles/articles_categori_01.gif); width:890px; height:30px; }

/*company
------------------------------------------------*/
.img_left { float:left; margin:0 10px 3px 0; border:display; }

/*text_link
------------------------------------------------*/
a:link,a:visited,a:active { color:#036; text-decoration:none; }
a:hover { color:#666; border-bottom:1px dotted #666; text-decoration:none; }
#header a:hover , .box_photo_01 a:hover , .box_bana_01 a:hover , a img , a img a:hover { border:none; }
a img { display:block; }
a.icon_01 { background:url(../01_image/common/icon_01.gif) no-repeat left center; padding-left:15px; position:relative; }

/*form
------------------------------------------------*/
input[type="text"] {}
input[id="form"] {}
.txtbox { border:none; border-bottom:1px dotted #666; width:20em; }
.txtbox :foucus { background:#ccc; color:#666; }
.area { border:1px dotted #666; width:20em; }
.sbmt { border:1px outset #666; width:15em; color:#666; padding:2px auto; font-size:x-small; }


.form_tel_01 { float:left; margin:0 5px 15px 0; padding:0; background:url(../01_image/common/form_tel_01.gif); width:430px; height:80px; text-indent:-10000px; }
.form_button_01 a { float:right; margin:0 5px 15px 0; padding:0; background:url(../01_image/common/form_button_default_01.gif); width:215px; height:80px; text-indent:-10000px; }
.form_button_02 a { float:right; margin:0 5px 15px 0; padding:0; background:url(../01_image/common/form_button_default_02.gif); width:215px; height:80px; text-indent:-10000px; }
.form_button_03 a { float:right; margin:0 0 15px; padding:0; background:url(../01_image/common/form_button_default_03.gif); width:215px; height:80px; text-indent:-10000px; }
.form_button_01 a:hover { background:url(../01_image/common/form_button_over_01.gif); border:none; }
.form_button_02 a:hover { background:url(../01_image/common/form_button_over_02.gif); border:none; }
.form_button_03 a:hover { background:url(../01_image/common/form_button_over_03.gif); border:none; }


/*clear
------------------------------------------------
div:after { content:"."; height:0; clear:both; display:block; visibility:hidden; }
div { zoom:100%; }*/