@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html,body {
	background:#C8BB9B;
	color:#333;
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: none;
}
a:hover img{opacity:0.7;}
a:active {
}

#breadscrumb{
	color:#f3f3f3;
}

#breadscrumb a{color:#6FA6D0;}
#breadscrumb a:visited,
#breadscrumb a:active{color:#D06F6F;}
#breadscrumb a{color:#4787B8;}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.col2L,
.col2R{
	width:300px;
	_zoom:1;
}
.col2L{float:left;}
.col2R{
	margin-left:345px;
}

.col2R:after{
	contents:"";
	display:block;
	overflow:hidden;
	height:0;
}

.btn {
	text-align: center;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

.gototop{
	width:100%;
	text-align:right;
}

.gototop a:hover{
	opacity:0.3;
}

/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/


#wrapper {
	width:960px;
	margin:0 auto;
	background:url(../images/contents-bg.gif) repeat-y top left;
	padding-bottom:50px;
}


#wrapper .pageTop {
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	width: 720px;
	margin-left:230px;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}

h1{
	margin-bottom:10px;
}

#contents{
	width:660px;
	margin:0 auto;
	padding:30px 30px 5px 30px;
	background:#e6e6e6;
	border-radius:10px;
	font-size:16px;
}

h2{
	border-bottom:2px solid #D1D283;
	margin-bottom:10px;
}

.data-table{width:100%;}
.data-table th,
.data-table td{
	padding:10px;
}
.data-table th{
	border-right:2px solid #D1D283;
	white-space:nowrap;
}

.data-table tr:nth-child(2n){
	background:#e0e0e0;
}

.section{
	margin-bottom:50px;
}
#contents dl dt,.section h3{
	padding-left:1em;
	margin-bottom:5px;
	border-bottom:1px dashed #aaa;
}
#contents dl dd{ padding-left:3em;}

.data-list li{
	list-style-type:inherit;
	list-style-position:inside;
}

.history-table{
	width:100%;
}
.history-table td{padding:0.5em;}
.history-table tr:nth-child(2n){background:#e0e0e0;}
.history-table .gen{width:2em;}
.history-table .year{width:3em;text-align:right;}
.history-table .month{width:3em;text-align:right;}
.history-table .gen,
.history-table .year,
.history-table .month{white-space:nowrap;}

.inl-obj li{
	display:inline;
	margin-right:40px;
	white-space:nowrap;
}

.caption-small{
	display:block;
	font-size:11px;
	text-align:right;
}

#nagare{
	text-align:center;
  margin:20px 0 20px 0;
}

#nagare li span{
	display:block;
	width:200px;
	font-weight:bold;
	border:1px solid;
	padding:5px 50px 5px 50px;
	margin:0 auto 0 auto;
	border-radius:3px;
	box-shadow:0 1px 0 #C1D6EC;
}

#nagare li{
	background:url(../../images/product/yazirushi_icon.png) no-repeat bottom center;
	padding-bottom:30px;
	margin-bottom:10px;
}

ol#nagare li:last-child{
	background:none;
	margin:0;
	padding:0;
}

#nagare li img{
	margin-right:8px;
}


.kibakoimg{
	clear:both;
	padding:10px 0px 10px 15px;
	width:645px;
	height:432px;
}

.kibakoimg li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
	
/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: left;
	width: 200px;
	padding:0 10px;
	text-align:center;
	background:url(../images/sub_logo.png) top right no-repeat;
}

#logo{
	display:block;
	margin:0 auto;
	margin-top:75px;
}

#sub hr{
	display:block;
	width:190px;
	height:35px;
	margin:15px auto;
	background:url(../images/sub_hr.jpg) no-repeat top left;
	border:0 none;
}

#nav{
	margin:30px auto;
}

#nav a{
	display:block;
	width:200px;
	height:80px;
	white-space:nowrap;
	overflow:hidden;
}

#nav img:hover{
	margin-left:-200px;
}

#nav a:hover img{opacity:1.0;}

#form-table{
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.attention{
	font-weight:bold;
	color:#db0000;
}
#form-table th,
#form-table td{
	vertival-align:top;
	padding:10px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
#form-table th{white-space: nowrap;}
#inq-submit{
	width:100%;
	text-align:center;
}

/*- kind -*/
table.kind-detail{
	margin-bottom:1em;
	border:1px dashed #aaa;
	border-width:1px 0 0 1px;
}
table.kind-detail tr:first-child{background:#FBFFD5;}
table.kind-detail th,
table.kind-detail td{
	padding:5px;
	border:1px dashed #aaa;
	border-width:0 1px 1px 0;
}

table.kind-detail th{
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}
table.kind-detail td{
	width:30%;
	vertical-align:top;
}
dl#kind-futa-list dt,
dl#kind-bottom-list dt{
	border-bottom:0;
	border-left:4px solid #ebcc00;
	background:#f0f0f0;
	padding:5px 10px;
	margin:10px 0 5px 10px;
}
dl#kind-futa-list dd,
dl#kind-bottom-list dd{ 
	padding-left:0;
	text-align:center;
}
dl#kind-futa-list dd img,
dl#kind-bottom-list dd img{
	margin:0 15px;
}

tr.sample-image td{text-align:center;}