@charset  "Shift_JIS";

body{
background-color:#FFFFFF;
background-image: url(../image/back.jpg);
margin:0px 0px 0px 0px;
}

p{
line-height: 140%;
font-size: 12px;
margin-top: 5px;
margin-bottom: 0px;
}

h1{
font-size:12px;
line-height:1em;
color:white;
margin: 5px 0px 5px 5px;
}

.pankuzu{
font-size:12px;
color:#666666; 
padding: 5px 0px 5px 5px; 
margin: 0px 0px 0px 0px;
}

a:link    { color: #0099FF; }
a:visited { color: #0099FF; }
a:hover   { color: #0099FF; }
a:active  { color: #0099FF; }

.s_menu {
background-color: #F9F9F9;
}

.s_menu ul {
color: #005E94;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

.s_menu li {
font-size: 13px;
list-style: none;
padding: 3px 0px 5px 10px;
margin: 0px 0px 0px 0px;
border-bottom: 1px dashed #CCCCCC;
}

.s_menu li a:link    { color: #333333; text-decoration: none; }
.s_menu li a:visited { color: #333333; text-decoration: none; }
.s_menu li a:hover   { color: #0099FF; text-decoration: underline; }
.s_menu li a:active  { color: #0099FF; text-decoration: underline; }

.sample{
text-align:left;
width:650px;
}

.sample_main{
background:url(../image/sample_common/grade_box_bg.jpg);
border:1px solid #CCCCCC;
padding:10px 20px 10px 20px;
}

.page_top{
clear:both;
padding:2px 5px 5px 5px; 
margin:8px 0px 0px 0px; 
font-size:10px; 
text-align:right;
}

.page_top a:link    { color: #0099FF; text-decoration:none; }
.page_top a:visited { color: #0099FF; text-decoration:none; }
.page_top a:hover   { color: #0099FF; text-decoration:none; }
.page_top a:active  { color: #0099FF; text-decoration:none; }

.sample h2{
font-size:18px;
color:#333333;  
background:url(../image/sample_common/h2_bg.jpg) no-repeat; 
width:650px; 
height:auto; 
padding:10px 0px 10px 35px; 
margin: 25px 0px 0px 0px;
clear:both;
}

.small {
font-size:12px;
}

.sample h3{
font-size:14px; 
color:#003366;
background:url(../image/sample_common/h3_bg.jpg) no-repeat; 
width:298px; 
height:35px; 
padding:10px 0px 0px 30px; 
margin: 0px 0px 0px 0px;
}

.sub_menu{
background-color:#F6F6F6; 
border: 1px solid #CCCCCC; 
width:650px; 
padding:0px 0px 0px 0px; 
margin:20px 0px 0px 0px;
}

.sub_menu p{
color:#666666;
width:auto; 
padding:8px 20px 8px 20px; 
margin: 0px 0px 0px 0px;
}

.large{
font-size:16px;
}

.grade{
line-height: 120%;
font-size: 12px;
padding:10px 20px 10px 20px; 
margin: 0px 0px 0px 0px;
}

.grade02{
line-height: 120%;
font-size: 12px;
padding:10px 8px 5px 8px; 
margin: 0px 0px 0px 0px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}

.grade_txt{
line-height: 140%;
font-size: 12px;
padding:15px 12px 0px 12px;
margin: 0px 0px 0px 0px;
}

#grade_box {
margin:20px 0px 0px 0px;
padding:0px;
}

#grade_box .hx {
background:url(../image/products/hx_bg.jpg) no-repeat;
height:34px;
}

#grade_box .main {
background:url(../image/products/grade_box_bg.jpg);
border:1px solid #CCCCCC;
padding-bottom:15px;
clear:both;
}

#grade_box .txt {
margin:12px 10px 0px 10px;
padding:10px;
font-size:12px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
text-align:center;
color:#666666;
}

#grade_box_txt {
margin:12px 0px 0px 0px;
padding:10px;
font-size:12px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
text-align:center;
color:#666666;
}

#grade_box img {
margin:12px 0px 0px 10px;
}

.annai_txt{
line-height: 150%;
font-size: 12px;
padding:15px 12px 0px 12px;
margin: 0px 0px 0px 0px;
}

.annai_txt02{
line-height: 150%;
font-size: 12px;
padding: 5px 12px 0px 12px;
margin: 0px 0px 0px 0px;
}

.annai_box{
	width: 640px;
	border: 1px solid #CCCCCC;
	background-color:#FAFAFA:; 
	margin: 10px 0px 10px 5px; 
	padding: 15px 0px 15px 0px;
}

.annai_box p{
	color: #0099CC;
	line-height: 150%;
	font-size: 12px;
	padding: 0px 10px 0px 20px; 
	margin: 5px 0px 0px 0px; 
}

.sample_box_left{
background-color:#FFFFFF;
border: 1px solid #CCCCCC; 
width:300px; 
float:left;
margin-top:10px;
}

.sample_box_right{
background-color:#FFFFFF;
border: 1px solid #CCCCCC; 
width:300px; 
float:right;
margin-top:10px;
}

.sample_img{
text-align:center;
padding:10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

.sample_box_btm{
text-align:right;
background:url(../image/sample_common/sample_btm.jpg) no-repeat; 
width:298px; 
height:30px; 
padding: 0px 0px 0px 10px; 
margin: 0px 0px 0px 0px;
}

.sample_box_btm p{
font-size:10px;
color:#666666; 
padding: 8px 10px 0px 0px; 
margin: 0px 0px 0px 0px;
}

.sample_box_btm a:link    { color: #666666; text-decoration: none; }
.sample_box_btm a:visited { color: #666666; text-decoration: none; }
.sample_box_btm a:hover   { color: #0099FF; text-decoration: underline; }
.sample_box_btm a:active  { color: #0099FF; text-decoration: underline; }