@charset "utf-8";

/***************************************************
	スタイルシート
	kodawari.css
	ページレイアウトスタイル定義
***************************************************/

#contents {	
	width: 899px;
	background-color: #FFFFFF;
	text-align:center;
}

#contents #headline h2 {
	height:342px;
	background:url(../suppli/img/top_image.jpg) no-repeat 20px 10px;
	text-indent:-9999px;
}

.main_left{ float: left;}
.main_right{
	float: left; 
	margin: 15px 0 0 10px;}
.clear{ clear:both;}


#main {	width:860px;}
	
#main h3,h4,h5 {	text-indent:-9999px;}
#main #p01 h3 {	height: 103px;background: url(../suppli/img/title_01.jpg) no-repeat 0 0;}
#main #p02 h3 {	height: 113px;background: url(../suppli/img/title_02.jpg) no-repeat 0 10px;}
#main #p03 h3 {	height: 113px;background: url(../suppli/img/title_03.jpg) no-repeat 0 10px;}
#main #p04 h3 {	height: 113px;background: url(../suppli/img/title_04.jpg) no-repeat 0 10px;}
#main #p05 h3 {	height: 113px;background: url(../suppli/img/title_05.jpg) no-repeat 0 10px;}
#main #p06 h3 {	height: 113px;background: url(../suppli/img/title_06.jpg) no-repeat 81px 40px;}
#main #p07 h3 {	height: 113px;background: url(../suppli/img/title_07.jpg) no-repeat 0px 40px;}
#main #first h3 {	height: 147px;background: url(../suppli/img/img_first_02.jpg) no-repeat 0px 10px;}
#main #p01 h4 {	height: 43px; background: url(../suppli/img/title_sub_01.jpg) no-repeat 47px 10px;}
#main #p02 h4 { height: 78px; background: url(../suppli/img/title_sub_02.jpg) no-repeat 47px 0px;}
#main #p04 h4 { height: 48px; background: url(../suppli/img/title_sub_03.jpg) no-repeat 47px  0px;}
#main #p05 h4 { height: 28px; background: url(../suppli/img/title_sub_05.jpg) no-repeat 47px 0;}
#main #p06 h4 { height: 30px; background: url(../suppli/img/product_info_01.jpg) no-repeat 120px 0;}
#main #p06 h5 { height: 98px; background: url(../suppli/img/product_info_02.jpg) no-repeat 32px 20px;}
#main #p07 h4 { height: 26px; background: url(../suppli/img/title_sub_04.gif) no-repeat 10px 0;}

#main #p01 p { 	
	text-align:left;
	width: 320px;
	margin: 15px 0 0 47px ;}
#main #p02{ width: 820px;}
#main #p02 p { 	text-align:left; margin: 15px 0 0 45px ;}
#main #p02 .main_left p { 
	margin: 15px 0 0 40px
	text-align:left;
	width: 320px;}
#contents #main #p02 #p02_movie {
	text-align:left;
	margin: 40px 0 10px 40px;
	background: url(../suppli/img/img_02_bg.jpg) no-repeat;
	width: 774px;
	height: 728px;
	min-height:728px;
}

#contents #main #p02 #p02_movie #movie_01{ 
	width: 267px;
	position: absolute;
	padding: 75px 0 0 10px;
}

#contents #main #p02 #p02_movie #movie_02{ 
	width: 372px;
	position: absolute;
	padding: 395px 0 0 10px;
}
#contents #main #p02 #p02_movie #movie_03{ 
	width: 372px;
	position: absolute;
	padding: 395px 0 0 393px;
}
#main #p02 p img{ margin: 0 0 0 -5px;}

#main #p03 p {
	margin: 15px 0 0 47px ;
	text-align:left;
	width: 415px;}
#main #osarai p img{ padding: 10px 0 10px 0;}
#main #osarai p { padding: 20px 0 20px 0;}

#main #hanpu{
	text-align:left;
	margin: 30px 0 30px 40px;
	background:url(../suppli/img/img_price_bg.jpg) 0 0 no-repeat;
	width: 747px;
	height: 422px;
}
#main #hanpu p img{ margin: 330px 0 0 295px;}
#main #dime{
	margin: 0 0 0 75px;
	background:url(../suppli/img/img_first_bg.jpg) 0 0 no-repeat;
	width: 633px;
	height: 249px;
}
#main #dime img{ margin: 85px 0 0 350px;}
#main #p05{ width:860px; text-align:left;}
#contents #main #p05 p img { padding: 10px 0 0 100px;}
#contents #main #p05 p a img { padding: 20px 0 0 200px;}

#main #p06{ text-align:left; margin: 0 0 10px 0;}
#main #p06 p {
	margin: 20px 0 20px 0;
	width: 400px;}
#main #p06 .main_left{ 
	padding: 10px 0 0 180px; 
	display: inline;
}

#main #p06 .main_right { padding: 0 0 0 30px;}

#main a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}


#contents #main #p07{ margin: 0 0 0 85px;}
#contents #main #p07 dl  {
float:left;
margin-right:12px;
padding:10px;
text-align:center;
width:115px;
}

#contents #main #p07 dl .catch a {
	text-align:left;
	color:#6C9900;
	font-weight:bold;
}

#contents #main #p07 dt{ 
	text-align:left;
	font-size:90%;
}

#contents #main #p06 strong.red{
	font-size:135%;
	font-weight:bold;
}
#contents #main #p06 .red{ color:#FF0000;}
#contents #main #p06 .red a{ color:#FF0000;}
#contents #main #p06 img#btn_hanpu { margin: 0 10px 0 0;}