@charset "utf-8";

/* color="#99cc66" メインカラー */
/* color="#cc3399" アクセントカラー */

/*-------------------------------------------------*/
/* 初期設定をキャンセル */
/*-------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	margin-bottom:1px;
	background-color: #D7EAC1;
	background-image:url("../img/base.png");
	background-repeat:repeat-x;
}

body{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:940px;
}

img {
	border: 0;
	border-style:none;
}

ul{
	list-style-position:inside;
}

li{
	list-style-type:none;
}

/*-------------------------------------------------*/
/* 全ページ共通の基本のレイアウト */
/*-------------------------------------------------*/

.w940:after,
.w700:after,
.w520:after,
.w340:after,
.w460:after,
.w220:after,
.w160:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}

.w940,
.w700,
.w520,
.w340,
.w460,
.w220,
.w160{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.w940{
	width:940px;
}

.w700{
	width:700px;
}

.w520{
	width:520px;
}

.w460{
	width:460px;
}

.w340{
	width:340px;
}

.w220{
	width:220px;
}

.w160{
	width:160px;
}

.w700 p,
.w520 p,
.w460 p,
.w340 p,
.w220 p,
.w160 p{
	padding:10px;
	line-height:1.5em;
}

#section{
	float:left;
}
#aside{
	float:right;
}

#cartMenu{
	float:left;
	margin:0 20px 0 0;
	background-color:#FFFFFF;
}

#mapMain{
	background-color:#FFFFFF;
	margin-bottom:0;
}


h2{
	font-size:medium;
	color:#FFFFFF;
	height:23px;
	border-top:solid 1px #E5F2CE;
	border-left:solid 1px #E5F2CE;
	border-bottom:solid 1px #6E8E49;
	border-right:solid 1px #6E8E49;
	background-image: -moz-linear-gradient(top, #99cc66, #B8E68B); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #99cc66),color-stop(1, #B8E68B)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc66', endColorstr='#B8E68B'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc66', endColorstr='#B8E68B')"; /* IE8 */
	padding: 7px 0 0 10px;
	/*text-shadow: -1px -1px 2px #618926;*/
	behavior:url(PIE.htc);
}
h2 img{
	margin: -7px 5px 0 0px;
	vertical-align:middle;
}

#cartMenu h2{
	font-size:medium;
	color:#FFFFFF;
	height:23px;
	border-top:solid 1px #FF99FF;
	border-left:solid 1px #FF99FF;
	border-bottom:solid 1px #A52B83;
	border-right:solid 1px #A52B83;
	background-image: -moz-linear-gradient(top, #cc3399, #EE3EBB); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cc3399),color-stop(1, #EE3EBB)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3399', endColorstr='#EE3EBB'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3399', endColorstr='#EE3EBB')"; /* IE8 */
	padding: 7px 0 0 10px;
	/*text-shadow: -1px -1px 2px #618926;*/
	behavior:url(PIE.htc);
}

h3{
	font-size:medium;
	padding: 0 0 0 5px;
	margin:0 0 0 10px;
	border-left:solid 5px #99cc66;
}

input{
	padding:5px;
}
input[type="submit"]{
	margin:10px 0 ;
}
input[type="text"]:hover{
	background:#D7EAC1;
}
input[type="text"]:focus{
	background:#FFEEFF;
}

/*-------------------------------------------------*/
/* headerのレイアウト */
/*-------------------------------------------------*/
#header_description{
	float:right;
	width:750px;
	height:50px;
}
#header_logo{
	float:left;
	width:170px;
	height:50px;
}

h1{
	font-size:medium;
	margin-bottom:10px;
}

#header_description ul li{
	display:inline;
	margin-right:1em;
	padding-right:1em;
	border-right: solid 1px #000000;
}
#header_description ul li:last-child{
	border:0;
}


#ads{
	margin-bottom:20px;
}
#nav{
	margin-bottom:5px;
}
#article{
	margin-bottom:0;
}
#section,#aside{
	margin-bottom:0;
}


/*-------------------------------------------------*/
/* footerのレイアウト */
/*-------------------------------------------------*/
#footer{
	margin-top:30px;
	padding-bottom:10px;
}

#footer ul:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}

#footer ul{
	text-align:center;
	margin:0 0 5px 0;
}

#footer ul li{
	display:inline;
	margin-right:1em;
	padding-right:1em;
	border-right: solid 1px #000000;
	font-size:small;
}

#footer ul li:last-child{
	border:0;
}

#footer p{
	text-align:center;
	font-size:small;
}

/*-------------------------------------------------*/
/* asideのレイアウト */
/*-------------------------------------------------*/
#otoiawase{
	background-color:#FFFFFF;
}



/*=====================================================*/
/* dropshadow */
/*=====================================================*/

#otoiawase,
#index_searchText,
#index_searchMap,
#index_searchName,
#mapMain,
#cartMenu,
#insideCartItems,
#cart_firstContactArea,
#cart_secondContactArea,
#cart_checkArea,
#mypage_login,
#henpinArea{
	-webkit-box-shadow: #4C5E33 0px 0px 4px;
	-moz-box-shadow: #4C5E33 0px 0px 4px;
	box-shadow: #4C5E33 0px 0px 4px;
	behavior:url(PIE.htc);
}

/*****************************************************/
/* 検索部分 */
#index_searchText{
	background-color:#FFFFFF;
}
#index_searchText ul{
	padding:10px;
}
#index_searchText ul li{
	display:inline;
	margin-right:0.8em;
}

#index_searchMap{
	float:left;
	background-color:#FFFFFF;
}
#index_searchName{
	float:right;
	background-color:#FFFFFF;
}

#index_searchName form{
	padding:10px;
}

#index_searchName form select{
	width:13em;
	font-size:large;
	margin-bottom:10px;
}
#index_searchName form input[type="submit"]{
	width:8em;
	margin:0;
	font-size:large;
	color:#FFFFFF;
	font-weight:900;
	background-color:#cc3399;
}



/*****************************************************/
/* index.tpl */

.listItems{
	float:left;
	width: 150px;
	height:200px;
	padding:5px;
	margin:5px;
	border:solid 1px #AAAAAA;
}

.listItems a{
	text-decoration:none;
}

.thumbnailMark{
	display:block;
	position:relative;
	top:-150px;
	height:0;
}


/*****************************************************/
/* item.tpl */
#itemThumbnailArea{
	float:left;
	margin:10px 0 0 10px;
	text-align:center;
}
#itemThumbnailArea .thumbnailImage{
	border:solid 1px #AAAAAA;
	margin:0 0 5px 0;
}
#itemThumbnailArea .thumbnailImage:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


.panes h3{
	border:0;
	margin:0;
	padding:0;
}

#itemDescriptionArea{
	float:right;
	margin:10px 10px 0 0;
}
#itemDescriptionArea dl{
	margin:0 0 0 10px;
}
#itemDescriptionArea dl dt{
	font-weight:900;
	margin:0 0 3px 0;
}
#itemDescriptionArea dl dd{
	margin:0 0 15px 1em;
	line-height:1.3em;
}

.itemDetailTable{
	border-collapse:collapse;
	margin:10px 0 0 0;
	width:100%;
}
.itemDetailTable tr th,
.itemDetailTable tr td{
	border:solid 1px #AAAAAA;
	padding: 10px 5px;
	line-height:1.5;
}

.itemDetailTable tr th{
	width: 10em;
	background-color:#DDD;
}
#itemAttention{
	margin:10px 0 0 0;
}
#itemAttention dt{
	font-weight:900;
	margin:0 0 3px 0;
}
#itemAttention dd{
	margin:0 0 15px 1em;
	line-height:1.5;
}


/*****************************************************/
/* cart.tpl */
#insideCartItems{
	background-color:#FFFFFF;
}

#insideCartItems p{
	padding:10px;
}

#cartTable{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
#cartTable tr th,
#cartTable tr td{
	padding:5px;
	border:solid 1px #AAAAAA;
}
#cartTable tr th{
	background-color:#CCCCCC;
}

#cart_firstContactArea{
	float:left;
	background-color:#FFFFFF;
}

#cart_secondContactArea{
	float:right;
	background-color:#FFFFFF;
}

#cart_firstContactArea dl,
#cart_secondContactArea dl{
	padding:0 0 10px 10px;
}
#cart_firstContactArea dl dt,
#cart_secondContactArea dl dt{
	margin:10px 0 0 0;
	font-weight:900;
}
#cart_firstContactArea .subDescription,
#cart_secondContactArea .subDescription{
	font-size:small;
	font-weight:100;
}

#cart_firstContactArea .example,
#cart_secondContactArea .example{
	font-size:small;
	color:#999999;
}

#cart_firstContactArea .hissu,
#cart_secondContactArea .hissu{
	font-weight:900;
	color:#FF0000;
}

form input.doCheck,
form input#doBuyDone{
	background:#cc3399;
	color:#FFFFFF;
	font-weight:900;
}

#orderForm input[type="text"]{
	width:28em;
}

#cart_checkArea{
	background-color:#FFFFFF;
}
#cart_checkArea p{
	padding:10px;
}
#cart_checkArea dl{
	padding:0 0 10px 10px;
}
#cart_checkArea dl dt{
	margin:10px 0 3px 0;
	font-weight:900;
}
#cart_checkArea dl dd{
	margin:0 0 0 1em;
}


/*****************************************************/
/* mypage */

#mypage_login{
	background-color:#FFFFFF;
	padding-bottom:5px;
}
#mypage_login p{
	padding:10px;
}

#mypage_login  #login_form{
	margin:10px;
}


#mypageTable{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border-collapse:collapse;
}
#mypageTable tr th,
#mypageTable tr td{
	padding:5px;
	border:solid 1px #AAAAAA;
}
#mypageTable tr th{
	background-color:#CCCCCC;
}

#mypageTable tr td a.downloadText{
	display:block;
	text-align:center;
	width: 160px;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	text-decoration: none;
	color: #FEFEFE;
	background-color: #EE3EBB;
	text-shadow: -1px -1px 1px #666666;
	border-left: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #cc3399, #EE3EBB); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cc3399),color-stop(1, #EE3EBB)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE3EBB', endColorstr='#cc3399'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE3EBB', endColorstr='#cc3399')"; /* IE8 */
	behavior:url(PIE.htc);
}

#mypageTable tr td a.downloadText:hover{
	color: #000000;
	background-color: #FFCCFF;
	text-shadow: -1px -1px 1px #FFFFFF;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-image: -moz-linear-gradient(top, #F1A3E4, #FFCCFF); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F1A3E4),color-stop(1, #FFCCFF)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCCFF', endColorstr='#F1A3E4'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCCFF', endColorstr='#F1A3E4')"; /* IE8 */
	behavior:url(PIE.htc);
}


/*****************************************************/
/* toiawase */

#toiawaseForm dl{
	padding:0 0 10px 10px;
}
#toiawaseForm dl dt{
	margin:20px 0 3px 0;
	font-weight:900;
}
#toiawaseForm dl dt:first-child{
	margin:0 0 3px 0;
}
#toiawaseForm dl dd{
	margin:0 0 0 1em;
}

#toiawaseForm input[type="text"]{
	width:350px;
	padding:5px;
}

#toiawaseForm  textarea{
	width:350px;
	height:20em;
	padding:5px;
}

#toiawaseForm  .hissu{
	font-weight:900;
	color:#FF0000;
}

/*****************************************************/
/* column */

#columnArea ul{
	margin:10px;
}
#columnArea ul li{
	list-style-type:disc;
	list-style-position:inside;
	margin:3px 0 10px 30px;
}

#columnArea h3{
	margin:50px 0 10px 10px;
	padding:10px 10px;
}



.columnItemDisplay{
	width:438px;
	background:#EEEEEE;
	margin:0 0 10px 20px;
	padding:10px;
	border:solid 1px#AAAAAA;
}

.columnItemDisplay:after{
	clear:both;
	display:block;
	content:"";
	height:0;
}

.thumbnailArea{
	float:left;
	width;150px;
}

.itemDetailArea{
	float:right;
	width:270px;
}

.itemDetailArea h4{
	font-size:medium;
	font-weight:900;
}
.itemDetailArea dl dt{
	font-weight:900;
	font-size:medium;
	margin:10px 0 0 0;
}
.itemDetailArea dl dd{
	margin:0 0 0 20px;
	font-size:medium;
}

.itemDetailArea dl dd a.needLabel{
	padding: 0 0 0 15px;
	background:url("../img/sankaku100221.png") left center no-repeat;
	font-size:medium;
}


#henpinArea{
	background-color: #FFFFFF;
}
#henpinArea ul{
	margin:10px;
}
#henpinArea ul li{
	list-style-type:disc;
	list-style-position:inside;
	margin:3px 0 10px 30px;
}