@charset "utf-8";

/* IE6-8 CSS */

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent; }
body {
	line-height: 1; color: #333;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Hiragino Kaku Gothic Pro", Verdana,Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
input{ margin:0; padding:0; vertical-align:bottom; }


/*----- 共通内容 -----*/

.line0 { line-height: 0; } .cen { text-align: center; }
.fl { float: left; } .fr { float: right; } .cl { clear: both; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }
.none { display: none; } .str { font-weight: bold; }

.head { background: #fff; border-top: solid 8px #EC5502; }
.copyright { font-size: 10px; text-align: center; }

.box { display: block; margin: 0.6em 0.4em; padding: 0; }
.box3 {
	display: block; margin: 0.2em 0.6em 0.8em; padding: 0.5em;
	border: solid 1px #333; font-size: 0.75em; line-height: 1.4;
    background: url(../img/top/arrow01.gif) right bottom no-repeat;
}
.box3:hover { background: url(../img/top/arrow02.gif) right bottom no-repeat; }
.box3 h4 { font-size: 125%; }
.box3 a { color: #333; text-decoration: none; }
.box3 a:hover { color: #888; }

.box_au {
	display: block; margin: 0.2em 0.6em 0.8em; padding: 0.5em;
    border: solid 1px #fff; font-size: 0.75em; line-height: 1.4;
}

body { background: url(../img/common/bg.gif); }
#wrap {
    width: 980px; margin: 0 auto; padding: 0 1em;
    background: #fff;
    border-left: solid 1px #666; border-right: solid 1px #666;
}
header {
    width: 980px; height: 77px; background: #fff;
    margin: 0 auto; padding: 0 1em;        
    border-left: solid 1px #666; border-right: solid 1px #666; 
}

header h1 { width: 330px; float: left; }
header h2 { display: none; }
.head01 { visibility: visible; width: 472px; float: left; height: auto; }
.head02 { float: none; margin: 0.9em 0 0.8em; }
.head03 { width: 132px; float:right; text-align: right; padding-right: 8px; }
.updated { float: none; margin: 0; font-size: 12px; }
nav { 
    clear: both; height: 42px; margin: 0;
    background: url(../img/common/menu_back03.gif) repeat-x;
}
.gnav {
    height: 42px; 
    width: 980px; margin: 0 auto; padding: 0 1em;
    border-left: solid 1px #666; border-right: solid 1px #666;
    background: url(../img/common/menu_back02.gif) repeat-x;
}
.gnav span { display: none; }
#pull { display: none; }
nav ul { margin: 0; padding: 0; }
nav ul li { 
	float: left; width: 193px; 
	border-left: solid 1px #ccc; border-right: solid 1px #333;
}
nav ul li.li01 { background: url(../img/common/menu01_back01.gif) left; }
nav ul li.li05 { background: url(../img/common/menu05_back01.gif) right; }

.main { width: 75.25%;  _width: 744px; float: right; }
.side { width: 24.75%; _width: 231px; float: left; }

aside { width: 24.75%; _width: 231px; float: left; }

/* common.css */

.top01 {
    width: 472px; height: 300px;
    float: left; padding-top: 0;
}
.top01 img { width: 100%; height: 300px; }
.top02 { width: 240px; float: right; height: 306px; }
.top02 h3 {
    background: #666; line-height: 0;
    padding: 5px 10px 3px; margin: 0.2em 0 0;
}
.top02 h3 img { line-height: 0; margin: 0; padding: 0; }
.news { height: 257px; }

.box_au, .box3 { width: 29.2%; float: left; }

.recommend { background: #5077BC; padding: 0 1em; margin-top: 0.25em; _margin-left: 0.75em; }

.price {
    float: right; margin: -2.5em 0 0;
    font-size: 250%; font-weight: bold; color: #e00;    
}
.price_small { font-size: 200%;}


.totop { clear: both; text-align: right; padding: 0.6em; cursor: pointer; }

.sd01, .sd011 {
    text-align: center; padding: 0; line-height: 0;
    background: #fff; box-shadow: 1px 1px 1px #999;
}
.sd01 {
    border-top: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #333;
    margin-bottom: -0.6em; 
}
.sd01_on{ background: #ff4216; margin-bottom: -0.6em; border: solid 1px #333; }
.sd011 { border: solid 1px #333; }

.calender {
    border: solid 1px #666; padding: 0.5em 0;
    font-size: 0.875em; height: 16.5em;
}
.cal01 { font-size: 10px; padding: 1em 0 0; text-align: center; }

.cal_title { text-align: center; padding-bottom: 0.5em; border-bottom: solid 1px #888; }
.calender { margin-top: -100px; position: relative; font-size: 0.875em; }
.sd_au { margin-bottom: 110px; }

.X_calendar_table { width: 80%; margin: 0.5em auto 0; line-height: 1.5; }
.X_calendar_default, .X_calendar_holiday { text-align: center; }
.X_calendar_table a { color: #f00; font-weight: bold; text-decoration: none; }
.X_calendar_today { 
    text-align: center; background: #ddd;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;	behavior: url(css/ie-css3.htc); }
.X_calendar_holiday { color: #f88; }

.sd02 {
    background: #639bc9; padding: 0.25em 1em; _padding: 0.25em 10px; _width: 190px;
    color: #fff; font-size: 0.75em; line-height: 1.2;
}
.mail01 { width: 100%; margin: 0.2em 0; }
.mail02 { font-size: 10px; padding: 0.15em 0 0;}
.mail03 { clear: both; font-size: 6px; color: #cdf; text-align: center;}

.sd05, .sd06, .sd07, .sd08 {
    margin-bottom: -0.6em; text-align: center; font-size: 0.875em;
    border-top: solid 1px #666; border-left: solid 1px #666; border-right: solid 1px #666;
    background: url(../img/common/other_bg.gif) repeat-x; box-shadow: 1px 1px 1px #999;
}
.sd09 { border-bottom: solid 1px #666; }
.other a { color: #222; text-decoration: none; display: block; height: 36px; }
.other img { visibility: visible; *display: none; height: 36px;}
.other span { display: none; *display: block;}
html>/**/body .other a:hover { background: none; } 

.verisign {
    border: solid 1px #666; padding: 0.5em 1em; 
    font-size: 11px; line-height: 1.2; color: #555;
}

.banner { width: 92%; margin: 0.8em auto; }
.banner img { border: solid 1px #333; }

footer {
    clear: both; width: 1012px; _width: 996px; margin: 0 auto 1em; background: #fff;
    border-left: solid 1px #666; border-right: solid 1px #666; border-bottom: solid 1px #666;
}

.fmn { padding: 0.6em 0.5em 0; }
.fmn ul li {
    font-size: 0.75em; float: left; line-height: 1.2;
    margin: 0; padding: 0 1em;
    border-bottom: none; border-right: solid 1px #666;
}
.fmn ul li:last-child { border-right: none; }
.fmn ul li a:hover { color: #666; text-decoration: underline; }

.foot { background: #bbb; zoom: 1; padding-bottom: 0.6em; }
.copyright { text-align: left; padding: 1em 2em; }

.price_small { font-size: 20px; margin-top: -3.5em;}


/* style.css */

/* 一覧表 */
	
.au01 { width: 355px; height: auto; float: left; margin-right: 0; padding-top: 8px; }
.au01 img {  height: auto; float: left; width: auto; padding-top: 30px; }
.au02 { width: 355px; float: right; margin-left: 0; height: auto;	}
.box02_left { width: 48%; float: left; margin-right: 0;	}
.box02_right { width: 48%; float: right; margin-left: 0; }
.news01 { height: 225px; }

/* お問い合わせ */

.submit { padding-bottom: 3em; }
.submit p { display: inline; }
table.contact th span { float: right; }
table.contact th { font-size: 14px; width: 28%; }
.con01 { width: 80%; }


/* ご契約上の注意（PopUp） */
	
.reveal-modal { width: 800px; top: 80px; left: 50%; margin-left: -401px; }
.reveal-modal div { padding-left: 4%; }
.reveal-modal h5 { padding: 7px 48px 6px; }
.reveal-modal ul { padding: 20px 5px 38px;  }
.reveal-modal ul li { padding-right: 3%; }
.clo02 { background: #fff; }
	

/* 価格表 */

ul.k_name li { display: inline; padding: 0 0.5em 0 0; }

.k_pics { width: 141px; float: left;  }
.k_price { height: 244px; padding: 0; border-right: none; border-top: none; }
.k_price .kpr01 { font-size: 14px; line-height: 1.5;  padding: 32px 0 30px; }
.k_price .kpr02 { width: 90%; font-size: 12px; padding: 20px 0; margin: 0 auto; line-height: 1.5;}
.k_option h5 { padding: 34px 0 16px; font-size: 13px; }
table.table_pic td.ktd02 { height: 37px; }
table.table_pic td.ktd03 { height: 37px; }


/* Sh01 */

.sh01 .ka01 { width: 140px; float: left; }
.sh01 .ka02 { width: 133px; float: right;  }
.sh01 .k_price { height: 245px; padding: 0; border-right: none; }
.sh01 .kpr01 { padding: 20px 0 20px; font-weight: bold; }
.sh01 .kpr01 span { font-size: 20px; }
.sh01 .kpr02 { padding: 11px 0;}
.sh01 .kpr04 { padding: 12px 0; }
.sh01 .kpr06 { padding: 70px 0 0; }
.sh01 .kpr08 { padding: 15px 0; }
.sh01 .kpr09 { padding: 15px 0; line-height: 1.1; }
.sh01 .kpr10 { line-height: 1.1; }

.sh01 .k_option { height: 245px; border-left: none; border-top: none; padding: 0; }
.sh01 .k_option h5 { padding: 8px 0; }
.sh01 .k_option ul { width: 110px; margin: 0 auto; padding: 0.5em; }
.sh01 .k_option li { margin-left: 1.7em; *width:80px;  }

.sh01 .k_detail { border-bottom: solid 1px #666; }
.sh01 .table_pic { border-top: none; }
.sh01 table.table_pic td { padding: 7px 8px;}

.sh01 table.k_color { clear: none; width: 310px; float: left; margin-bottom: 0.6em; border-top: none; }

table.dan01 td { padding: 97px 2px; }
table.dan02 td { padding: 35px 2px 36px; }
table.dan03 td { padding: 15px 2px; }
table.dan04 td { padding: 5px 2px 4.5px; }
	table.dan05 td { padding: 1px 2px 1.1px; height: 46px; }
	table.dan05 td input { height: 46px; }
	table.dan05 td img { height: 46px; }
	table.dan06 td { padding: 2px 2px 3px; height: 35px; }
	table.dan06 td input { height: 35px; }
	table.dan06 td img { height: 35px; }
	table.dan07 td { padding: 1px 2px 1.1px; height: 32px; line-height: 1; }
	table.dan07 td input { height: 32px; }
	table.dan07 td img { height: 32px; }
	table.dan08 td { padding: 1px 2px 1.7px; height: 27px; line-height: 1; }
	table.dan08 td input { height: 27px; }
	table.dan08 td img { height: 27px; }

/* Sh02 */

.sh01 .k_pics { width: 140px; }
.sh02 .ka01 { width: 63px; float: left; }
.sh02 .k_price { padding: 0; height: 243px; border-top: solid 1px #666; border-left: none; border-right: solid 1px #666;  }
.sh02 table.table_pic { height: 318px; }

table.bun01 { border-right: solid 1px #666; }
table.bun01 td { padding: 20px 0; }	

.sh02 .bun_left { width: 321px; float: left;  }
.sh02 .bun_right { clear: none; width: 200px; float: right; margin: 0 0 0 -1px; }
.sh02 .kpr01 { padding: 45px 0 30px; }
.sh02 .kpr03 span { letter-spacing: -8px; margin-left: -12px; }

.sh02 table.k_bunkatu {  }
.sh02 table.k_bunkatu td { vertical-align: middle; font-size: 11px; padding: 2px 2px; border-right: solid 1px #666; border-bottom: none; border-top: solid 1px #666; line-height: 1.22; }
.sh02 table.k_bunkatu td.tb08 { color: #c00; line-height: 1.2; font-weight: bold; font-size: 14px; padding: 92px 0; }
.sh02 table.k_bunkatu td.tb08 span { font-size: 20px; }

.sh02 table.k_color { width: 200px; _width: 194px;  border-top: solid 1px #666; line-height: 1; }
.sh02 table.k_color td img { width: auto; }

.sh02 .ka02 { width: 584px; clear: both; float: right; margin: -82px 0 0.6em; *margin: 0 0 0.6em -580px; }
.sh02 .k_option { height: 74px; *height: 68px; border-top: solid 1px #666; border-left: none; _border-left: solid 1px #666; }
.sh02 .k_option ul li { *line-height: 1; *padding: 0 1em 0 0; *margin: 0; }

.sh02 .kpr02 span { font-size: 75%; }

.sh02 table.dan01 td { padding: 96px 1px; }
.sh02 table.dan01 td.tb07 { padding: 100px 1px; }
.sh02 table.dan02 td { padding: 35px 1px 34.6px; }
.sh02 table.dan03 td { padding: 15px 1px 14.5px; }
.sh02 table.dan04 td { padding: 5px 1px 4px; }
.sh02 table.dan05 td input { height: 45px; }
.sh02 table.dan05 td { height: 45px; padding: 1px 1px; }
.sh02 table.dan06 td input { height: 37px; }
.sh02 table.dan06 td img { height: 37px; width: 38px; }
.sh02 table.dan06 td { height: 37px; padding: 1px 1px 1.5px; }
.sh02 table.dan07 td input { height: 31px; }
.sh02 table.dan07 td img { height: 31px; width: 32px; }
.sh02 table.dan07 td { height: 32px; padding: 0.5px 1px; }
.sh02 table.dan08 td input { height: 27px; }
.sh02 table.dan08 td img { height: 27px; width: 28px; }
.sh02 table.dan08 td { height: 27px; padding: 1px 1px 1.5px; }

/* corporation */
.googlemap { width: 450px; }

/* willcom */
.wi01 { width: 355px;  float: left; height: auto; margin-right: 0; padding-top: 8px; }
.wi01 img {  height: auto; width: auto; padding-top: 30px; }
.wi02 { width: 355px; float: right; margin-left: 0; height: auto; }

.sh02 table.willcom td { line-height: 1.5; *line-height: 1.7; padding: 12px 3px; font-size: 12px; }
.sh02 table.willcom td.tb01 { padding: 14px 0; }
.sh02 table.willcom td.tb01 span { font-size: 18px; }
.sh02 table.willcom tr.tb03  td { padding: 14px 3px; }

/* emobile */
.emo01 { width: 355px;  float: left; height: auto; margin-right: 0; padding-top: 8px; }
.emo01 img {  height: auto; width: auto; padding-top: 30px; }
.emo02 { width: 355px; float: right; margin-left: 0; height: auto; }


/* SNS widget */
	
.facebook  { width: 354px; float: left; _width: 100%; _float: none; _height: 300px; }
.twitter { width: 354px; float: right; _clear: both; _width: 100%; _float: none;}