/*
Theme Name: Dsk's Starter
Theme URI: http://wordpress.org/
Description: Dsk's Starter. [2010/09 リニューアル]
Version: 1.0
Author: Daisuke Suwa
*/

/****************************************
 reset
 ****************************************/
html,body,div,
h1,h2,h3,h4,h5,h6,
p,span,a,img,strong,
table,tbody,tfoot,thead,tr,th,td,
dl,dt,dd,ol,ul,li,
form,fieldset,legend,
object,iframe, address,
font,strike,em,sub,sup { 
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	line-height:175%;
	text-align:left;
	text-decoration:none;
	vertical-align:baseline;
	background:transparent;
}

*{zoom:1;}
ol,ul,li {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
table,tbody,tfoot,thead,tr,th,td {vertical-align:top}

/****************************************
 default
 ****************************************/
.strong		{font-weight:bold}
.strike		{text-decoration:line-through}

.left		{float:left;display: inline;}
.right		{float:right;display: inline;}
.alignleft		{float:left;display: inline;margin: 0 1em 1em 0; text-align:left;}
.alignright		{float:right;display: inline;margin: 0 0 1em 1em;text-align:right;}
.center		{text-align:center; margin:0 auto;}
.clear		{clear:both;}
.strong		{font-weight:bold}
.hr		{border-top:#CCC 1px dashed; margin-top:10px}

.red{color: #F00;}

body {
	color:#555;
	font-size:13.5px;
	font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	letter-spacing:0.5;
	line-height:1.5;
	background:url(images/common/bodybg.jpg) center repeat-y #E1DCD4;
}

a			{text-decoration:underline; color:#666}
a:hover		{text-decoration:underline; color:#999}
/*a:hover img {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}*/
a:hover img.nofilter {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

/****************************************
 layout
 ****************************************/
#outline	{width:910px; margin:10px auto;}
h1 {line-height:125% ; color:#CCC;font-size:11px;letter-spacing:-0.2em;}
#header		{margin-bottom:10px}
#header ul {padding:0px 0px 0px 420px}
#header li {display:inline; background:url(./images/common/menu_icn_01.jpg) center left no-repeat; padding:0px 10px 5px 10px}
#menu {width:190px;float:left;display:inline;padding-right:10px;}
#menu .menu-list1{ font-size:14px; letter-spacing:-0.05em;}
#menu .menu-list2{ font-size:14px;}
#menu ul {border:1px solid #CCC; padding:0 0 0 5px;}
#menu ul#categories {padding:0;}
#menu ul#categories li {list-style:none;margin:0;line-height:0;}
#menu ul#categories ul.children {border:0px; line-height:0;}
#menu ul#categories ul.children li {list-style:none; margin:0;line-height:0;}

#menu-inq{clear:both;margin:5px 0 20px;}

#contents	{width:700px; float:right;margin:0;position:relative;}
address		{color:#999; clear:both; text-align:center;font-size:0.9em;}
#linkz {text-align:center;font-size:0.9em;}
#linkz a {color:#999}

.picleft {float:left; margin:0px 0px 0px 0px;display:inline;}
.picright {float:right; margin:0px 0px 0px 0px;display:inline;}

.bannerlist {position:relative; overflow:hidden;}
.bannerlist dl {
 width:330px; float:left;
 margin:0px 8px 20px 0px
}
.mg10{margin:10px 0;}
.mg20{margin:20px 0;}
.pd10{padding:10px;}
.pd20{padding:5px 20px;}

.frameimg { border:#ccc 1px solid; padding:1px; }

.col {clear:both;overflow:hidden;margin:10px 0;}
.col-560 {width:570px;clear:both;overflow:hidden;margin:20px auto;}
.col2-text{width:330px;padding:10px;margin:5px 10px;}
.col2-280l{width:300px;padding:0;margin:5px;display:inline;float:left;}
.col2-280r{width:300px;padding:0;margin:5px;display:inline;float:right;}
.col2-300l{width:300px;padding:0;margin:5px;display:inline;float:left;}
.col2-300r{width:300px;padding:0;margin:5px;display:inline;float:right;}
.col2-330l{width:330px;padding:0;margin:5px;display:inline;float:left;}
.col2-330r{width:330px;padding:0;margin:5px;display:inline;float:right;}
.col2-380l{width:380px;padding:0;margin:5px;display:inline;float:left;}
.col2-380r{width:380px;padding:0;margin:5px;display:inline;float:right;}
.col2-400l{width:400px;padding:0;margin:5px;display:inline;float:left;}
.col2-400r{width:400px;padding:0;margin:5px;display:inline;float:right;}
.col2-500l{width:500px;padding:0;margin:5px;display:inline;float:left;}
.col2-500r{width:500px;padding:0;margin:5px;display:inline;float:right;}
.bg2{padding:10px;margin:0 10px;background:#eee;}
.bg3{border:1px solid #ccc;padding:0; overflow:hidden;margin:10px 50px;padding:10px;}

.txtsmall{font-size:0.9em; line-height:1.3;}
/****************************************
 page
 ****************************************/
.page h2 {background:#960202; height:35px; text-align:right; font-size:18px; font-weight:bold; padding:10px 40px 0px 0px; color:#FFF;}
.page h2#h2-card { margin:10px 0; padding:0px; clear:both;height:85px; background:none;}
.page h3 {color:#FFF; font-size:14px; font-weight:bold; background:#960202; padding:5px 10px; margin-top:30px; clear:both;}
.page h3.h3-img { margin:0px; padding:0px; clear:both;}
.page h4 {font-weight:bold; border-left:8px solid #960202; padding-left:8px; color:#960202; margin:10px 0; clear:both;}
.page h5 {font-weight:bold}
.page .mainbox {border:1px solid #960202; padding:10px;}
.page .mainbox ul {margin-left:20px}
.page .mainbox li {list-style:disc; margin-left:20px}
.page .mainbox dl {margin-left:20px}
.page .mainbox dt {display:inline}
.page .mainbox dd {display:inline}

.page table#c3 {margin:10px 0px 10px 40px}
.page table#c3 th, .page table#c3 td {padding:5px;}
.page table#c3 th {font-weight:bold; color:#960202}
.page table#c3 td {font-weight:bold;}

.page table#prof {margin:0px 0px 0px 0px}
.page table#prof th, .page table#c3 td {padding:5px; border:5px solid #FFF}
.page table#prof th {background:#EEE; font-weight:bold; width:150px; text-align:center}
.page table#prof td {vertical-align:middle}

.campaign ol,.campaign li {
	color:#E18700;
	font-size: 14px;
	font-weight: bold;
}
/****************************************
 category
 ****************************************/
.category h2 {color:#FFF; font-size:15px; font-weight:bold; background:#960202; margin:0px; padding:10px; clear:both;}
.category h2.h2-img {background:#960202; margin:0px; padding:10px 0; clear:both;}
.category h3 {font-weight:bold; border-left:8px solid #960202; padding-left:8px; color:#960202;margin:10px 0;}
.category h3.h3-img {margin:0; padding:0; clear:both;}
.category p.cate-tex {margin:10px 20px;}
.category .mainbox { border:0px solid #960202; padding:10px; font-weight:bold;}
.category dl {float:left;display:inline;padding:2px;width:210px;margin:10px 5px 15px 0;border:1px solid #ccc;}
.category dl dd {padding:5px 5px 0;font-size:0.9em;margin:0;}
.category dl dd a {font-size:1em;display:block; font-weight:bold;text-decoration:none;color:#65574E; line-height:1.2;display:block;height:37px;}
.comprice-list{font-size:16px;font-weight:bold;color:#F00;display:block;width:100%; text-align:right;margin:0 auto;}
.comprice-list .tax{font-size:0.8em;font-weight:bold;}
.comprice-list-btn{display:block;float:right;margin:0;}
.searchOption{float:right;font-size:0.9em;}
.searchOption option{float:right;font-size:0.9em;}

#cate-recommend{
	widows:640px;
	margin:20px 10px;
	overflow:hidden;
	background:#960202;
}
#cate-recommend p{
	width:214px;
	margin: 10px 0 15px 5px;
	float:left;
	display:inline;
}
#cate-recommend p a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
/****************************************
 single
 ****************************************/
.single h2 {}
.single h3 {color:#FFF; font-size:14px; font-weight:bold; background:#960202; margin:0px; padding:10px; clear:both;}
.single h3.h3-img { margin:0px; padding:0px; clear:both;}
.single h4 {font-size:17px;font-weight:bold;color:#333;text-decoration:none;}
.single .mainbox {border:1px solid #ccc; margin:0 0 20px;padding:10px;overflow:hidden;}
.single .combox {border:1px solid #960202; margin:0 0 20px;padding:5px; overflow:hidden;}

.single .mainbox hr {margin-bottom:20px; border:solid #ddd; border-width: 1px 0px 0px 0px;height: 1px;}
.single span.caption{font-size:12px;}

.single a {color:#00C}
.single a:hover {color:#C0C}

.single ul{}

.gallery {text-align:center; background:none; padding:5px 20px; overflow:hidden;}
.gallery85 {text-align:left; background:none; padding:5px 0px;width:270px;}
.gallery p {color:#666; font-size:12px;}
.gallery85 p {font-size:12px;color:#666;}
.gallery a, .gallery85 a {display:block; float:left; margin:0px 5px 5px 0px;}
.gallery a img, .gallery85 a img {border:1px solid #CCC;}
.tex-orange{color: #512800;font-weight:bold; background-color:#ffe4d6;}

.cart-col-single{width:345px;margin:0 auto;}
.cart-col-left{width:345px;float:left;}
.cart-col-right{width:345px;float:right;}

.cart-col01, .cart-col02{width:228px;float:left; margin-right:5px;}
.cart-col03{width:228px;float:left;margin:0;}

.cart-table1, .cart-table2, .cart-table3{
	border-right:1px solid #960202;
	border-bottom:1px solid #960202;
	border-left:1px solid #960202;
	margin:0 0 10px;padding:0;overflow:hidden;}
.cart-table1{}
.cart-table2{width:343px;}
.cart-table3{width:226px;text-align:center;}
.cart-btn {width:100%;padding:10px 0; text-align:center;}
.productpage_table1{width:260px;margin:5px auto;}
.productpage_table2{width:300px;margin:5px auto;}
#explanation{width:508px;float:left;margin:20px 0;overflow:hidden;}
#explanation2{background:url(images/single/single_box_02.jpg) center repeat-y;width:508px;}
#explanation p{padding:0 20px;font-size:1.1em;letter-spacing:0.8;line-height:1.5;}
#manager{float:right;margin:20px 0;}

.comname, .comname a{font-size:16px;font-weight:bold;color:#333;text-decoration:none;display:block;width:300px; text-align:left;margin:0 auto;}
.comname a:hover{color:#333;text-decoration:underline;}
.comprice{font-size:16px;font-weight:bold;color:#F00;display:block;width:300px; text-align:right;margin:0 auto;}
#inquiry{background:url(images/single/single_bg_01.jpg) center repeat-y; position:relative;width:700px;height:250px;margin:20px 0;}
#inquiry-btn{ position:absolute; top:175px;left:110px;}
.attention{color:#C00; font-weight:bold;}

table#area {margin:10px 0px}
table#area th, table#area td {padding:0px 2px; border:1px #CCC solid}
table#area th {background:#FFF; font-weight:bold; width:150px}

table.size {margin:10px 0px; text-align:center;}
table.size th, table.size td {padding:0px 2px;border:1px #CCC solid;text-align:center;}
table.size th {background: #EBEBEB;font-weight:bold;width:150px;text-align:center;}

#apron-col1{position:relative;width:678px;height:740px;background:url(../../../images_dsk/single_apron_bg_01.jpg) no-repeat;}
#apron-col1 .apron-p01{position:absolute;width:350px;top:90px;left:0px;}
#apron-col1 .apron-p02{position:absolute;width:350px;top:490px;right:20px;}
#apron-col1 .apron-p03{position:absolute;top:720px;left:0px;}

#hawaiianshirt-chart {width:600px;margin:0 auto 20px;overflow:hidden;line-height:1.1;font-size:12px;}
#hawaiianshirt-chart p{width:240px;height:230px;padding:20px;float:left;display:inline;background: #EFEFEF;}

#powerstone-list{margin:10px 0 0 50px;width:550px;}
#powerstone-list li{display:inline;margin-left:30px;}
#powerstone-list li img{margin:0;}
/****************************************
 index
 ****************************************/
.home-p{
	font-size:14px;
	margin:0 20px 20px;
	letter-spacing:-0.02em;
}
.home-top-cat li{
	list-style: none;
	float:left;
}
#home-recommend{
	margin:30px 0;
}
#home-recommend-cont{
	width:700px;
	margin:0;
	background:url(images/home/home_bg_02.jpg) repeat-y;
	overflow:hidden;
}
#home-recommend #home-recommend-no1, #home-recommend #home-recommend-no2, #home-recommend #home-recommend-no3{
	width:200px;
	float:left;
	display:inline;
}
#home-recommend #home-recommend-no1 a img, #home-recommend #home-recommend-no2 a img, #home-recommend #home-recommend-no3 a img{
	text-align:center;
	margin:0 auto;
}
#home-recommend #home-recommend-no1{margin-left:15px;}
#home-recommend #home-recommend-no2{margin-left:35px;}
#home-recommend #home-recommend-no3{margin-left:30px;}
.home-cat-col2-cont1, .home-cat-col2-cont2{
	width:345px;
	height:235px;
	margin-bottom:15px;
}
.home-cat-col2-cont1{
	float:left;
	clear:both;
}
.home-cat-col2-cont2{
	float:right;
}
#home-voice{
	width:680px;
	height:230px;
	margin:30px 0;
	background:url(./images/home/home_bg_04.jpg) no-repeat;
	position:relative;
	clear:both;
}
#home-voice-txt{
	width:630px;
	height:130px;
	font-size:14px;
	position:absolute;
	top:80px;
	left:30px;
}
#home-voice-txt li{
	list-style-type:circle;
	list-style-position:outside;
}
/****************************************
 jelflower
 ****************************************/
div#jelcategory a {
float:left; display:block; margin:10px 10px 0 10px;
}

div#jelitems h4 {}

div#jelitems ul {margin-top:15px;}

div#jelitems ul li {
float:left; display:block; width:150px; margin-bottom:15px;
}

div#jelitems ul li img {display:block}

div#jelitems ul li a {text-decoration:none}

div#jelitems span.price {display:block; color:#C00} 

div#shops {
	background:url(http://www.jelflower.com/_shop/koch/collage.jpg) top left no-repeat;
	height:906px;
	width:606px;
	margin:0 auto 50px;;
}
div#shops a {
	display:block;
	margin:0 auto;
	text-indent:-9999px;
	height:906px;
	width:606px;
	overflow:hidden;
}
div#shops a:hover {background:#FFF; filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
div#shops div {overflow: hidden; position:relative;}