@charset "utf-8";
@import url("../../asset/css/fix.css");


/* -------------------------------------------------------------------
	● MAIN
------------------------------------------------------------------- */

#cont{}

	/* font-size */
	#cont p{ font-size: 85% ; line-height: 1.6em;}
	#cont th,
	#cont td,
	#cont li{}
	#main dt{ font-size: 85% ; line-height: 1.6em; }
	#main dd{ font-size: 85% ; line-height: 1.6em; }

	/* element set */
	#cont h1{}
	#cont h2{margin-top:1.7em; padding:0;}
			
	#cont h3{ 
		margin-top:1.5em; padding:1px 0 1px 14px;
		font-size:15px; line-height:1.5em; font-weight:bold;
		background:url(../img/h3_bg.jpg) no-repeat left 2px;
		border-bottom:2px solid #bbd8bc;}
	#cont h4{ margin-top:1em; font-weight:bold;}

	#main ol,
	#main ul{}
	#main li{ list-style:none;}
	#main strong{}
	#main em {}
	
	#cont p{ margin-top:1em;}

/* -------------------------------------------------------------------
	● h1Area
------------------------------------------------------------------- */

#h1Area{ position:relative; height:271px;}
	#h1Area h1{ margin:0;}
	#h1Area p{ margin:0;}
	#h1Area h1{         position:absolute; top:34px;  left:35px;  z-index:2;}
	#h1Area .catch{     position:absolute; top:124px; left:33px;  z-index:2;}
	#h1Area .sub_catch{ position:absolute; top:31px;  right:12px;  z-index:2;}
	#h1Area .read{      position:absolute; top:167px; left:33px; z-index:2;}

	#h1Area .h1Area_printimage{ position:absolute; top:0; left:0; z-index:1;}

/* h1Area内の各要素をdisplay:noneに。 */
@media print{
	#h1Area h1,
	#h1Area p.read,
	#h1Area p.catch,
	#h1Area p.sub_catch{display:none;}

	#h1Area p.h1Area_printimage{display:block;}}

#main #cont #about_namecard{ padding:0 30px;}

/* point */
#about_namecard #point{}
	#about_namecard #point ul{ width:909px; margin:1.3em -19px 0 0; padding-bottom:20px; background:url(../img/point_bg.gif) no-repeat left bottom;}
	#about_namecard #point ul:after {content:url(clearfix.gif); display:block; clear:both; height:0; visibility:hidden;}
	#about_namecard #point ul{ min-height:1px;}
	* html #about_namecard #point ul{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

	#about_namecard #point ul li{ width:284px; float:left; margin-right:19px; display:inline;}
	#about_namecard #point ul li p{ margin-top:0;}
	#about_namecard #point ul li p.text{ padding:15px 12px 0 12px;}

/* system */
#about_namecard #system{}
#about_namecard #system ol{ width:876px; height:304px; margin:1.3em 0 0 0; padding:0 0 25px 14px; background:url(../img/system_bg.gif) no-repeat top left;}
	#about_namecard #system ol:after {content:url(clearfix.gif); display:block; clear:both; height:0; visibility:hidden;}
	#about_namecard #system ol{ min-height:1px;}
	* html #about_namecard #system ol{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	#about_namecard #system ol li{ width:210px; float:left; margin-right:7px; text-align:center;}
	#about_namecard #system p.sizes{ margin-top:1px; font-size:80%;}

/* flow */
#about_namecard #flow ol{ margin-top:1.3em; background:url(../img/flow_bg.gif) no-repeat left 75px;}
	#about_namecard #flow ol:after {content:url(clearfix.gif); display:block; clear:both; height:0; visibility:hidden;}
	#about_namecard #flow ol{ min-height:1px;}
	* html #about_namecard #flow ol{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	#about_namecard #flow ol li{ float:left;}
	#about_namecard #flow ol li p.text{ width:202px; padding:0 10px;}



/* price */
#about_namecard #price{}
	#about_namecard #price dl{ width:210px; float:left;}
	#about_namecard #price dl dt{ margin-top:15px; padding-left:15px; background:url(../img/icon_square.jpg) no-repeat left 6px; }
	#about_namecard #price dl dd{ padding-left:15px;}


#about_namecard p.submit_button{ margin:2.5em; text-align:center;}

/* --- [ TABLE ] --- */
#about_namecard .table_a {
	margin-top	:1em;
	empty-cells		:show;
	border-top		:solid 1px #cecece;
	border-left		:solid 1px #cecece;
	font-size:80%;
	width:665px; float:right;}
	#about_namecard .table_a th,
	#about_namecard .table_a td{
		padding:5px 10px;
		border-right:1px solid #cecece;
		border-bottom:1px solid #cecece; text-align:center; vertical-align:middle;}
	#about_namecard .table_a th {	background-color:#f3ffe6;font-weight:normal; white-space:nowrap;}
	#about_namecard .table_a .thead_left{ width:110px; background-color:#FFFFFF;}	

	#about_namecard .table_a .black_color{ background-color:#f9fff3;}
	#about_namecard .table_a td.price{ text-align:right;}

/* ***************************************************************
　□プレビュー
*************************************************************** */

body.popup{}
body.popup #head{ width:620px; margin:0 auto; padding:0;}
body.popup #wrap{ text-align:left; background:none;}
body.popup #main{ width:620px; margin:0 auto; padding:0 0 60px 0; position:relative;}

body.popup #wrap #cont h1{
	font-size:120%; height:32px; margin-top:2em; padding:6px 0 0 25px; font-weight:normal;
	background:url(../img/popup_h1.jpg) no-repeat left top; color:#014721;}
		* html body.popup #wrap #cont h1{
	font-size:120%; height:32px; margin-top:2em; padding:8px 0 0 25px; font-weight:normal;
	background:url(../img/popup_h1.jpg) no-repeat left top; color:#014721;}
		*+html body.popup #wrap #cont h1{
	font-size:120%; height:32px; margin-top:2em; padding:8px 0 0 25px; font-weight:normal;
	background:url(../img/popup_h1.jpg) no-repeat left top; color:#014721;}

body.popup #wrap #cont h2{
		margin-top:1.5em; padding:0 0 3px 14px;
		font-size:15px; line-height:1.5em; font-weight:bold;
		background:url(../img/popup_h3_bg.jpg) no-repeat left 1px;
		border-bottom:1px solid #bcbcbc;}

body.popup #wrap #cont .clearfix{ margin-top:1.5em;}
body.popup #wrap #cont .buton-back_next{ width:424px; float:left;}
body.popup #wrap #cont .buton-back_next p{ width:111px; float:right; margin-left:20px;}
body.popup #wrap #cont .button-close{ width:111px; float:right;}

	.popup #wrap #main #cont .pic_box{ margin-right:-20px;}

	.popup #wrap #main #cont .pic_box:after {content:url(clearfix.gif); display:block; clear:both; height:0; visibility:hidden;}
	.popup #wrap #main #cont .pic_box{ min-height:1px;}
	* html .popup #wrap #main #cont .pic_box{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
		.popup #wrap #main #cont .pic_box p{width:300px; float:left; margin-right:20px;}

body.popup #wrap #cont ul{ margin-top:10px;}
body.popup #wrap #cont ul li{
	font-size: 85% ; line-height: 1.6em;
	padding-left:20px; display:inline-block;
	background:url(../img/parts/icon/icon_popup.gif) no-repeat 3px 6px;}

body.popup #foot{ width:686px;}



@media print{
* html #about_namecard #flow ol{ margin-right:-5px; margin-top:1.3em; background:url(../img/flow_bg.gif) no-repeat left 75px;}
*+html #about_namecard #flow ol{ margin-right:-5px; margin-top:1.3em; background:url(../img/flow_bg.gif) no-repeat left 75px;}

}



#noscriptContent {
border: thin dotted #FF3300;
margin: 1px;
color: #FF3300;
text-align: center;
}

.noDisplay {
display: none;
}