@charset "utf-8";
/* CSS Document */

/* Reset ------------------------------------------------------------------ */


html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    border-spacing: 0;
}

fieldset,img,abbr,acronym {
    border: 0;
}

/* strict reset by uncommenting lines below */

address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}

caption{
    text-align: left;
}

q:before,q:after {
    content: '';
}

hr {
    border: 0;
    height: 1px;
    background-color: #000000;
    color: #000000;
}

a img,:link img,:visited img {
    border: none;
}

address {
    font-style: normal;
    display: inline;
}




/* Layout ----------------------------------------------------------------- */


body {
    text-align: center;
    background: #ffffff;
	font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	color:#666666;
	line-height:1.2;
}

#container-inner {
    width: auto;
    min-height: 100%;
    margin: 0 auto;
    text-align: center;
}

#header, #content, #alpha, #beta, #gamma, #footer {
    position: relative;
}

#alpha, #beta, #gamma {
    display: inline;
    float: left;
}

#header-inner, #content-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
    position: static;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 0;
    padding-bottom: 0;
	width:990px;
	margin:0 auto;
	text-align:left;
}

#content-inner{
	background-image:url(../common/headbg02.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#header-inner, #footer-inner,
#alpha-inner, #beta-inner, #gamma-inner {
/*    overflow: hidden;*/
    padding-right: 0;
    padding-left: 0;
}
#alpha-inner{
    padding-right: 2px;
    padding-left: 2px;
}


/* Wide-Thin */

.layout-wt #alpha {
    width: 740px;
}

.layout-wt #beta {
    width: 240px;
	float:right;
}


/* Thin-Wide */

.layout-tw #alpha {
/*    left: 240px;*/
    width: 740px;
	float:right;
}

.layout-tw #beta {
/*    left: -740px;*/
    width: 240px;
}


/* Utilities ----------------------------------------------------------------- */

a:link, 
a:visited{
	text-decoration:none;
}
a:hover, 
a:active{
	text-decoration:underline;
}

a:link img.alpha, 
a:visited img.alpha {
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}
a:hover img.alpha, 
a:active img.alpha {
	opacity: 0.5;
	-moz-opacity: 0.5; /* Firefox */
	filter: alpha(opacity=50); /* IE6/7 */
	-ms-filter: "alpha(opacity=50)"; /* IE8 */
}

#container li a.hover{
	display:block;
}

#container li.active img {
	visibility:hidden;
}

#container li a.hover:hover img {
	visibility:hidden;
}

.cfx,
.floatList {
	/zoom: 1;
	overflow: hidden;/* あとで消す */
	clear: both;/* あとで消す */
}

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

.cfx,
.floatList { display: inline-table; }

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

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.red{color:#FF0000;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb25{padding-bottom:25px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.mr50{margin-right:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}


.floatList li{float:left;}
.inlineList li{display:inline;}
.blockList li img,
.blockList2 li img,
.floatList li img{
	vertical-align:bottom;
}

.bld{font-weight:bold;}
.spnblock span{display:block;}
.tindent{
	margin-left:1em;
	text-indent:-1em;
}
ul.tindent{
	margin-left:0;
	text-indent:0;
}
ul.tindent li{
	margin-left:1em;
	text-indent:-1em;
}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.inline{display:inline;}

#content .box{
	background-image:url(../common/boxbg01.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin-bottom:15px;
}

#content .boxhead,
#content .boxhead2{
	background-image:url(../common/boxhead01.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#content .boxend{
	background-image:url(../common/boxfoot01.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:10px;
}

#content .boxend2{
	background-image:url(../common/boxfoot01.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:3px;
}

#content .boxttl{
	background-image:url(../common/box_ttlbg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:13px;
	height:60px;
}

#content .subbox{
	background-image:url(../common/boxbg02.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin-bottom:12px;
}

#content .subbox li img{vertical-align:bottom;}


#content .subboxinner{
	padding:0 15px;
}

#content .subboxend{
	background-image:url(../common/boxfoot02.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 15px 14px;
}

#content .subboxend .roomTokyo {
	margin-top: 5px;
}

#content .subboxttl{
	background-image:url(../common/boxhead02.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:14px 15px 0;
}

#content .listtable{
	width:100%;
	border-collapse:collapse;
}
#content .listtable th,
#content .listtable td{
	border:1px #CCC7C3 solid;
	padding:10px;
	width:65%;
	line-height:1.5;
	font-weight:normal;
}
#content .listtable th{
	background-color:#FBFAFA;
	width:35%;
}

#content .listtable a:link, 
#content .listtable a:visited{
	text-decoration:underline;
	color:#666666;
}
#content .listtable a:hover, 
#content .listtable a:active{
	text-decoration:none;
	color:#666666;
}





#beta .subbtn li{padding-bottom:12px;}
#beta .subbtn li img{vertical-align:bottom;}



#container .noline{
	background-image:none !important;
	border-width:0 !important;
}

/* Content ---------------------------------------------------------------- */

#header{
	background-image:url(../common/headbg.gif);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#F1F9F7;
}

#content{
	background-image:url(../common/mainbg.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
	background-color:#F1F9F7;
}



/* header */
#header a:hover img.alpha, 
#header a:active img.alpha {
	opacity: 0.6;
	-moz-opacity: 0.6; /* Firefox */
	filter: alpha(opacity=60); /* IE6/7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

#header .headlogo{
	width:240px;
	height:120px;
	float:left;
}
#header .headlogo img{
	margin-top:15px;
}

#header .header-right{
	width:735px;
	float:right;
	position:relative;
}

#header .header-right .headcopy{
	position:absolute;
	left:0;
	top:20px;
	font-size:10px;
	color:#FFFFFF;
	line-height:1.5;
}
#header .header-right .headcopy strong{
	font-size:12px;
	font-weight:normal;
}

#header .headmenu1{
	text-align:right;
	height:40px;
}
#header .headmenu1 li{
	display:inline;
}

#header .headmenu2{
	text-align:right;
	height:30px;
	padding-right:5px;
}
#header .headmenu2 li{
	display:inline;
	font-size:12px;
	color:#FFFFFF;
	padding-left:20px;
}
#header .headmenu2 a{
	background-image:url(../common/icon_head.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 13px;
}
#header .headmenu2 a:link,
#header .headmenu2 a:visited,
#header .headmenu2 a:hover,
#header .headmenu2 a:active{
	color:#FFFFFF;
}

#header .headmenu3 li{
	float:left;
}
#header .headmenu3 li.btn01{
	background-image: url(../common/mainmenu1b_on.gif);
}
#header .headmenu3 li.btn02{
	background-image: url(../common/mainmenu2b_on.gif);
}
#header .headmenu3 li.btn03{
	background-image: url(../common/mainmenu3b_on.gif);
}
#header .headmenu3 li.btn04{
	background-image: url(../common/mainmenu4b_on.gif);
}
#header .headmenu3 li.btn05{
	background-image: url(../common/mainmenu5b_on.gif);
}



/* content */
#content .pankuzu{
	height:37px;
	padding-left:255px;
	font-size:10px;
	color:#666666;
	line-height:37px;
}
#content .pankuzu a:link,
#content .pankuzu a:visited,
#content .pankuzu a:hover,
#content .pankuzu a:active{
	color:#666666;
}

#content .content-ttl{
	margin-bottom:15px;
	padding-top:3px;
}
#content .content-ttl h1,
#content .content-ttl p{
	float:left;
}
#content .content-ttl p{
	font-size:12px;
	line-height:1.5;
}

#content #alpha .content-ttl{
	margin-bottom:10px;
}
#content #alpha .content-ttl h1,
#content #alpha .content-ttl h2,
#content #alpha .content-ttl p{
	float:none;
	padding-left:3px;
}
#content #alpha .content-ttl h2{
	margin-bottom:10px;
}


#content .pagetop{
	margin:0;
	padding:35px 2px 0 0;
	clear:both;
	text-align:right;
}

#content .iconlist li{
	font-size:12px;
	color:#333333;
	line-height:1.4;
}

#content .iconlist a{
	display:block;
	background-image:url(../common/icon_link01.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0 0 0 13px;
}
#content .iconlist a:link,
#content .iconlist a:visited,
#content .iconlist a:hover,
#content .iconlist a:active{
	color:#333333;
}

/* beta */
/* ナビ共通レイアウト */
#beta .sidenavi{
	width:230px;
	margin:0 5px 15px;
	padding-top:1px;
}
#beta .sidenavi li{margin-top:2px;}
#beta .sidenavi li img{vertical-align:bottom;}
#beta .sidenavi li.subnavi{background-color:#39AC9A;}
#beta .sidenavi li ul{padding:0 5px;}
#beta .sidenavi li li{
	margin:0;
	padding-bottom:5px;
}


/* 無料カタログ請求 */
#content .box .catalog{
	width:539px;
	margin:0 auto;
	padding:0;
}
#content .box .catalog p{
	padding-top:10px;
}
#content .box .catalog h3{
	margin-bottom:0;
}


/* footer */
#footer .footer-linkArea{
	padding:20px 0 20px 5px;
}


#footer .iconlist li{
	font-size:12px;
	color:#333333;
	line-height:1.4;
	padding-bottom:15px;
}
#footer .iconlist a{
	display:block;
	background-image:url(../common/icon_link01.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0 0 0 13px;
}
#footer .iconlist a:link,
#footer .iconlist a:visited,
#footer .iconlist a:hover,
#footer .iconlist a:active{
	color:#666666;
}

#footer .iconlist .bld a:link,
#footer .iconlist .bld a:visited,
#footer .iconlist .bld a:hover,
#footer .iconlist .bld a:active{
	color:#39AC99;
}

#footer .footer-link-item{
	width:432px;
	float:left;
}
#footer .footer-link-item .fleft{
	width:216px;
}

#footer .footer-link-howto,
#footer .footer-link-information{
	width:196px;
	float:left;
}

#footer .footer-link-support{
	width:130px;
	float:right;
}