@charset "utf-8";




/* #################################################################################################### common */

h2 {
	clear:both;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.3em;
	border:1px solid #2B4055;
	background-color:#6698C9;
	padding:3px;
}

#container {
	text-align:center;
	clear:both;
	overflow:hidden;
}

.nomalMark {
	font-size:1.3em;
	line-height:1.4;
}

table, th, td {
	/*vertical-align:top;*/
}
table {
	font-size:1em;
}

/* #################################################################################################### index.html */

/* ====================================================================== #pageHeader */

#pageHeader {
	width:740px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF url(img/h1_1.jpg) no-repeat left top;
	overflow:hidden;
	padding-bottom:20px;
}
#pageHeader .fl {
	float:left;
	width:489px;
	position:relative;
}
#pageHeader h1 {
	text-indent:-9999px;
}
#pageHeader p {
	font-size:1.3em;
	line-height:1.4;
	padding:110px 22px 10px;
}

#pageHeader .fr {
	float:right;
	width:251px;
	position:relative;
}
/* ====================================================================== #pageBody */

#pageBody {
	margin:0 auto;
	text-align:left;
	width:700px;
}
/* ------------------------------------------------------- #tokucho */

#tokucho {
	padding-bottom:30px;
	overflow:hidden;
}
#tokucho .fl {
	float:left;
	width:401px;
	position:relative;
}
#tokucho .fr {
	float:right;
	width:299px;
	position:relative;
}
/* ------------------------------------------------------- #howToUse */

#howToUse .itemBody {
	width:670px;
	margin:20px auto;
	padding-top:9px;
	background:url(img/r_top.gif) no-repeat left top;
}

#howToUse ol.howToUse {
	background:url(img/r_bk.gif) repeat-y left top;
	overflow:hidden;
}
#howToUse ol.howToUse li.fl {
	width:320px;
	display:block;
	float:left;
}
#howToUse ol.howToUse li.fr {
	width:320px;
	display:block;
	float:right;
}
#howToUse ol.howToUse li p {
	padding:0 9px;
	font-size:1.3em;
	line-height:1.4;
}

#howToUse .zukai {
	display:block;
	padding:29px 0 25px;
	border-bottom:1px dotted #6698C9;
	margin-bottom:22px;
	background:url(img/r_bottom.gif) no-repeat left top;
}

/* - - - - - - - - - - .caution */

#howToUse h3 {
	margin-bottom:10px;
}

#howToUse ol.caution {
}
#howToUse ol.caution li {
	font-size:1.3em;
	line-height:1.4;
}
/* ------------------------------------------------------- #detail */

#detail {
	padding-bottom:30px;
}

#detail table.detail {
	width:700px;
	display:block;
	clear:both;
	border-collapse:collapse;
	text-align:center;
	background-color:#FFF;
	margin-bottom:5px;
}

#detail table.detail th {
	color:#FFFFFF;
	background-color:#6698C9;
	text-align:left;
	font-weight:bold;
}
#detail table.detail th, 
#detail table.detail td {
	border:1px solid #2B4055;
	padding:2px 3px;
	vertical-align:middle;
	line-height:1.4;
	font-size:1.3em;
}
#detail table.detail .txtLeft {
	text-align:left !important;
}
#detail table.detail td.tit {
	text-align:left;
	background-color:#CDE4F0;
	padding-top:0.2em;
}

#detail table.detail .price {
	display:block;
	font-size:83%;
	line-height:1.4;
}
#detail table.detail strong {
	color:#333;
	display:block;
	line-height:1.4;
	font-weight:bold;
}

#detail table.detail .itemTd img {
	display:block;
	margin:10px auto;
}

/* ------------------------------------------------------- #links */
#links {
	text-align:left;
	width:740px;
	margin:0 auto;
}
#links h2 {
	border-left-width:5px;
	margin-bottom:15px
}

#links .kanrenLink {
	margin-left:15px;
	margin-bottom:10px;
}
#links .kanrenLink li {
	display:inline;
	margin-right:7px;
	vertical-align:middle;
}
