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

/* ==================================
contact
================================== */
#contact{
	width:635px;
	margin:0 auto;
	color:#34568f;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	text-align:center;
	border:#34568f 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#contact p{
	text-align:center;
	margin:0;
}

#contact ul{
	margin:10px 0 0 100px;
	padding:0;
	list-style:none;
}

#contact li{
	margin:0 15px 0 0;
	padding:0;
	float:none;
}

#contact li a,#contact li a:link,#contact li a:visited{
	border:1px solid #34568F;
	padding:5px;
	text-align: center;
	width:200px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #AABEDF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AABEDF), to(#34568F));
	background: -webkit-linear-gradient(#AABEDF, #34568F);
	background: -moz-linear-gradient(#AABEDF, #34568F);
	background: -ms-linear-gradient(#AABEDF, #34568F);
	background: -o-linear-gradient(#AABEDF, #34568F);
	background: linear-gradient(#AABEDF, #34568F);
	-pie-background: linear-gradient(#AABEDF, #34568F);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#contact li a:hover,#contact li a:active{
	border:1px solid #ff6600;
	padding:5px;
	text-align: center;
	width:200px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #ff9900;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9900), to(#ff6600));
	background: -webkit-linear-gradient(#ff9900, #ff6600);
	background: -moz-linear-gradient(#ff9900, #ff6600);
	background: -ms-linear-gradient(#ff9900, #ff6600);
	background: -o-linear-gradient(#ff9900, #ff6600);
	background: linear-gradient(#ff9900, #ff6600);
	-pie-background: linear-gradient(#ff9900, #ff6600);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}




/* ==================================
about
================================== */
/*親要素*/
#about{
	width:700px;
	height:auto;
	margin:0 auto;
	position:relative;
}

#about .caption{
	font-size:10px;
	text-align:right;
}

#about #box_l{
	width:170px;
	float:left;
	margin-right:8px;
}

#about #box_c{
	width:345px;
	float:left;
}

#about #box_r{
	width:170px;
	float:left;
	padding:0 0 0 7px;
}

#pop_base{
	text-align:center; 
	z-index:0;
	width:150px;
	height:42px;
	line-height:42px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:7px;
	text-decoration:none;
	background:url(../../image/about_bk.gif) left top no-repeat;
}

#about a,#about a:link,#about a:visited{
	text-decoration:none;
}

/*fukidasipop*/
#fukidasipop {
	position:absolute;
	z-index:100;
	display:none;
	padding:5px;
	font-weight:normal;
	font-size:12px;
	width:200px;
	line-height:1.5em;
	text-align:left;
	text-decoration: none;
	color:#fff;
	background-color:#000;
	opacity:0.8;
}

a:hover #fukidasipop {
	display: block;
}

#fukidasipop.pop_01{
	top:70px;
	left:10px;
}

#fukidasipop.pop_02{
	top:135px;
	left:10px;
}

#fukidasipop.pop_03{
	top:205px;
	left:10px;
}

#fukidasipop.pop_04{
	top:275px;
	left:10px;
}

#fukidasipop.pop_05{
	top:345px;
	left:10px;
}

#fukidasipop.pop_06{
	top:70px;
	left:200px;
}

#fukidasipop.pop_07{
	top:70px;
	left:370px;
}

#fukidasipop.pop_08{
	top:345px;
	left:200px;
}

#fukidasipop.pop_09{
	top:345px;
	left:370px;
}

#fukidasipop.pop_10{
	top:70px;
	left:550px;
}

#fukidasipop.pop_11{
	top:135px;
	left:550px;
}

#fukidasipop.pop_12{
	top:205px;
	left:550px;
}


#fukidasipop.pop_13{
	top:275px;
	left:550px;
}

#fukidasipop.pop_14{
	top:345px;
	left:550px;
}




/*吹き出しの突起*/
.wing{
	border-top: 15px solid  transparent;
	border-left: 15px solid #000;
	width : 0px;
	height : 0px;
	position: absolute;
	left : 20px;
	top: -15px;
}

#about .about_l{
	float:left;
}

#about .about_r{
	float:right;
}

/* ==================================
system
================================== */
#contents_l_right{
	width:340px;
	float:right;
}

#contents_l_left{
	width:340px;
	float:left;
}

#contents_l dl{
	margin:0;
	padding:0;
	text-align:left;
	line-height:1.5em;
	font-size:12px;
}

#contents_l dt{
	font-weight:bold;
	color:#365591;
	margin-bottom:0.5em;
	font-size:14px;
	font-family:Arial;
}

#contents_l dd{
	margin:0 0 1em 1.5em;
}

#contents_l #ifmtop{
	float: right;
	margin: 0 0 12px 18px;
}
.ifm{
	margin-left: 80px;
	margin-top: 20px;
}

.sytem_line{
	border-bottom:#666666 1px dotted;
	margin:20px 0 20px 0;
}

/* ==================================
product
================================== */
#product_tit{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:0 0 10px;
}

#product_sd{
	width:600px;
	padding:10px;
	border:#ff9900 2px solid;
	-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
	margin:0 auto;
	font-size:13px;
}

#product_sd img{
	float:left;
	margin:0 10px 0 0;
}

#product_box{
	width:320px;
	height:600px;
	margin:20px 0 20px 0;
	border:#ccc 1px solid;
	font-size:12px;
	-webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#product_box div{
	width:278px;
	padding:10px;
	border:#666 1px solid;
	font-weight:bold;
	margin:0 0 10px 10px;
}

#product_box p{
	padding:0 15px 0 15px;
}

/* ==================================
SNS
================================== */
/*press_share*/
#press_share{
	margin:0;
	padding:0 20px 0 0;
	text-align:right;
	float:right;
}

#press_fb{
	margin:0;
	padding:0;
	float:right;
	position:relative;
}