/*Eric Meyer's Reset CSS v2.0*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clearfix:after { content: "."; display: block; clear: both; width: 100%; height: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac Hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body{
	font-size: 12px; color:#666666;
	line-height:140%;
	letter-spacing:0.1em;  
}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mb20{ margin-bottom:20px;}
.ml20{ margin-left:20px;}


#wrapper {
	width: 990px;
	margin:0px auto;
	text-align:left;
	border: 1px solid #8098BB;
}
#header {
	width: 990px;
}
h1,h2 { margin:0; padding:0;}
#content {
	width: 970px;
	margin-left:10px;
}
#content p { margin-left:20px;}
#coveroubo {
	background: url(img/formBG.gif) repeat;
	padding: 60px 0;
}

#kikan{
	margin:20px;
}
#kikan table td{
	padding:5px;
	text-align:center;
	border:solid 1px #CCCCCC;
}
#kikan .OL{
	text-decoration: line-through;
}	
#oubo table td{ 
	border-bottom:#666666 dotted 1px; 
	text-align:left;
	padding:5px 0 0 10px;	
}
#koe { width: 800px; margin-left:90px;}

#koe h4.prd-text {
	font-size: 120%;
	color:#666666;
	border-left: 3px solid #999999;
	margin: 10px;
	padding: 3px 10px;
}

#koe div.stylePrdPoint {
	margin: 15px 0px;
	padding: 10px;
	border-width: 3px;
	border-style:none;
	background: #CEE2C4;
}

/* #footer */
#footer{ background:#013277; padding:0 20px; width:950px;}
#footer .first-child{border-bottom:1px solid #ccc; padding-top:10px; color:#8098BB}
#footer .first-child .box-l{ background:url(http://sakanano.com/images/common/footer_28.png) no-repeat; padding:7px 0 0px 56px; height:44px; font-size:11px; line-height:1.1em;}
#ft-menu{ padding:5px 0 10px 0 ;}
#ft-menu li{ display:inline; font-size:10px;color:#eeeeee; padding:0 20px; border-right:1px solid #fff; line-height:1em}
#ft-menu li.menu1{ border-left:1px solid #fff}
#ft-menu li img{ vertical-align:middle; padding-bottom:1px}

#ft-menu2{ background:#000; padding:4px 0;}
#ft-menu2 ul li { display:inline;}
#ft-menu2 ul li a{ color:#999; text-decoration:none; font-size:10px; line-height:10px;}
#ft-menu2 ul li a:hover{ text-decoration:underline}

#link-cp { padding:3px 0 0 0;}

.to-top{ text-align:right}
.to-top p{}
.pagetop{ margin-bottom:10px; text-align:right}
.pagetop span,
.pagetop a{ width:136px; height:23px}
.pagetop span{background:url(http://sakanano.com/images/common/btn_top.png) no-repeat 0 0;}
.pagetop span a{background:url(http://sakanano.com/images/common/btn_top.png) no-repeat 0 -25px;}
.pagetop a:hover{background-image:none;!important}

/* box */
.box-a, .box-b, .box-c, .box-l { float:left }
.box-r { float:right }
.clearfix:after { content: "."; display: block; clear: both; width: 100%; height: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac Hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }