@charset "UTF-8";



/* 画像を回り込ませている箇所の見出しデザイン */
h2 { margin-left: 175px;}
#container #header #top_right {width: 549px; height: 95px; background: url(../images/common/clear_fireklips.jpg)  no-repeat right top #000; float: right;}

/* ================================================================ *
	whats page
/* ================================================================ *
/* logo */
#logo {width: 211px; height: 95px; float: left;}
#container #header #logo h1 {font-size: 0px;}
/* header */
#container #header {width: 760px;height: 95px;}
#header #top_right h2 {margin: 30px 0 0 0; font-size: 24px; font-weight: bold; color: #FF9900; text-indent: 30px; border: none;}

/* main/ contents/title */
#main .contents .title {text-align: center;}
#main .contents .title h1 {font-size: 150%; color: #FF9900; padding-top:10px;}
/* main/ contents/discription */
#container #main .contents .discription {width: 100%; height: 25px; background: url(../../images/common/fc6_color.gif) repeat #FFCC66; text-align: center;}

/* main/ contents/comentbox */
#commentbox1 {width: 700px; height: 195px; margin: 0 auto; font-size: 16px;}
#commentbox1 .comment1 {width: 330px; height: 195px; float: left;}
#commentbox1 #commentbox2 {width: 350px;height: 195px; background:#CCC url(../../images/p-whatz/ray_01.jpg) no-repeat 252px center;  border: 2px solid #666; }
#commentbox1 #commentbox2 p {margin-top: 140px; margin-right: 105px; font-size: 14px; font-style: italic; text-align: right;}
#commentbox2 {width: 212px; height: 195px; float: right;}
#commentbox3 {width: 700px; height: 260px; background: url(../images/beams_fk3.jpg) no-repeat left top;}
#commentbox3 #clear_beams {	border: 2px solid #999;}
#commentbox1 #commentbox3 p {width: 350px; margin-left: 345px; font-size: 14px; line-height: 1.7em;}
#commentbox3 p {width: 340px; height: 239px; margin-top: 0px; float: right;	font-size: 14px;}


/* ↓customize_page↓ */

.description2 {width: 680px; height: 207px; margin: 10px; background: url(../images/fk_colors.gif) no-repeat left top #FFF;}
.description2 img {margin-right: 15px; float: left;	border: 2px solid #CCC;}
.description2 p {width: 185px; margin-left: 495px;}
.customize_title {margin: 30px auto 10px auto; background: #FFCC66; font-size: 16px; font-weight: bold;  text-indent: 10px;	text-align: center;}
#dsp_boxs {width: 700px; margin-bottom:20px; background: #FFF;}
#dsp_boxs img {margin: 10px 0 10px 10px;}


/*↓gallery_page↓*/
#gl_beams {width: 650px; height: 550px;	margin:0 auto; background: url(../../images/p-gallery/bms_numbers1.jpg) bottom no-repeat;}

/*↓contact_page↓*/
#info {width: 650px; margin:0 auto; background: url(../images/sd_logoz.jpg) center top no-repeat; text-align: center;}
#info p {margin: 15px 30px;}
#info h3 {padding-top: 130px; font-size: 18px;}
#info .tobaccohut {margin:30px auto;}

/*↓buy_page↓*/
div.product p.note { text-align:center; color:#FFF; line-height:1.3em; background:#666; font-size:120%; font-weight:bold;}
div.product ul { clear:both; width:700px; position:relative; list-style:none; margin:0; padding:0 10px;}
div.product li { width:170px; float:left; text-align:center;}
div.product li p {padding-bottom:0.2em; color:#FFF;}
div.clear2 {clear:both;}
div.clear2 hr {display:none;}

/*↓tobacco_hut_page↓*/
#info10 {width: 650px; height: 400px;	margin:0 auto; text-align: center;}
#info10 p {margin: 30px;}
#info10 h3 {padding-top: 100px; font-size: 18px;}