@charset "UTF-8";
 @import url("smoothness/jquery-ui-1.8.4.custom.css");








 /* ===================================================================
2013 custom
=================================================================== */
.new_box												{}
.new_box:after									{height:0;visibility:hidden;content:".";display:block;clear:both;}
.new_box_fl											{width:355px; float:left; margin:0px 0px 20px 0px;}
.new_box_fr											{width:355px; float:right; margin:0px 0px 20px 0px;}
.new_box_inner									{padding:0 10px;font-size:14px; /*border: 1px #1875c0 solid;*/}
.new_cl													{clear:both;}
.new_products_title							{
	margin-bottom: 5px;
	padding: 6px 6px 3px 6px;
	border-top: 1px #1875c0 solid;
	border-bottom: 1px #1875c0 solid;
	color: #000;
	/*background: url(../images/item_list/bg_title_2.gif) no-repeat left top;*/
	font-size: 12px;
	font-weight: normal;
}
.new_box_table1									{padding:0px 0px 0px 10px;}
.new_box_table1 td							{border-bottom:1px dotted #dddddd;}
.new_box_table1_l								{width:70%; padding:5px 10px 10px 5px;}
.new_box_table1_r								{width:30%; padding:5px 10px 10px 5px;}
.new_box_table1 td p span				{color:#f00;}
.new_box_sub										{padding:5px 0px 0px 0px; text-align:center;}
.new_title											{height:36px; padding:0px 0px 0px 15px; margin:0px 0px 15px 0px; font-size:14px; line-height:30px; /*background:url(../images/item_list/list_title.jpg) no-repeat left top;*/}




.new-item-tanka									{text-align:right; paddiing:10px 0px 0px 0px; color:#ff0000; fotn-size:12px; line-height:20px;}




.new-top-column-base						{width:750px; float:right;}
.new-top-column-c								{width:570px; float:left;}
.new-top-column-r								{width:160px; float:right;}
.new-top-column-r-inner					{width:140px; }
.new-top-column-under						{clear:both;}




/* item dettail */
.new_item_detail_container			{clear:both;}
.new_item_detail_box1						{padding:0px 0px 30px 0px;}
.new_item_detail_imgbox					{width:340px; float:left; text-align:center;}
.new_item_detail_imgbox_inner		{border:1px solid #dddddd; padding:10px 0px 10px 0px; margin:0px 0px 10px 0px;}




.new_item_detail_pricebox				{/*border:1px solid #dddddd; */ margin:0px 0px 10px 0px; text-align:left; padding:10px; background:url(../images/common/line_dot.gif) repeat-x left top;}




.new_item_detail_imgright				{width:370px; float:right;}
.new_item_detail_title					{font-size:18px; line-height:26px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; display:block;}
.new_item_detail_title2					{font-size:14px; line-height:24px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; display:block;}
.new_item_detail_subtitle_l				{font-size:12px; line-height:20px;margin:0px 0px 0px 0px; padding:10px 0px 0px 40px;}
.new_item_detail_subtitle_r				{font-size:12px; line-height:20px;margin:0px 0px 0px 0px; padding:10px 0px 0px 2px;}
.new_item_detail_box2						{margin:0px; padding:10px 0px 15px 0px;}
.new_item_detail_bt_box					{}




.new_item_detail_caution				{/*border:1px solid #dddddd;*/ margin:0px 0px 10px 0px; padding:5px; font-size:12px; line-height:18px; background:url(../images/common/line_dot.gif) repeat-x left top;}
.new_item_detail_table					{margin:0px 0px 20px 0px;}
.new_item_detail_table table		{border-top:1px solid #ffffff; border-left:1px solid #ffffff;}




.new_item_detail_td1{
	padding:0 0 0 40px;
	text-height:25px;
	height:25px;
}




.new_item_detail_td2{
	padding:0 0 0 2px;
	text-height:25px;
	height:25px;	
}




.new_item_detail_recobox				{}
.new_item_detail_reco_loop			{width:180px; float:left;/*  height: 270px;*/ /*border:1px solid #dddddd;*/ margin:1px; padding-bottom:10px;}
.new_item_detail_reco_loop_img	{padding:10px 0px 0px 0px; border:1px solid #dddddd; text-align:center;}
.new_item_detail_reco_loop_img:hover{opacity: 0.7;}
/*.new_item_detail_reco_loop p		{margin:0px; padding:0px; text-align:left; font-size:12px; padding:4px 5px 0 5px;}*/
.new_item_detail_reco_a					{display:block;color:#000;}
.new_item_detail_reco_a:hover			{color:#000;text-decoration:none;}




.new_item_detail_cart						{display:block; width:308px; height:58px; text-indent:-9999px; background-image:url(../images/item_detail/c_cart_btn01.jpg);}
.new_item_detail_cart:hover			{display:block; width:308px; height:58px; text-indent:-9999px; background-image:url(../images/item_detail/c_cart_btn02.jpg);}












 /* ===================================================================
カズマ追加スタイル
=================================================================== */
.testblock		{border:3px solid #000000;}
/*ranking style
--------------------------------------------------------------------*/
#rank01{
	display: table;
	height: 70px;
	width: 170px;
	background:url(../images/common/rank01.jpg) no-repeat;
	overflow: hidden;
}




#rank01 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#rank02{
	display: table;
	height: 70px;
	width: 170px;
	background:url(../images/common/rank02.jpg) no-repeat;
	overflow: hidden;
}




#rank02 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#rank03{
	display: table;
	height: 70px;
	width: 170px;
	background:url(../images/common/rank03.jpg) no-repeat;
	overflow: hidden;
}




#rank03 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#rank04{
	display: table;
	height: 70px;
	width: 170px;
	background:url(../images/common/rank04.jpg) no-repeat;
	overflow: hidden;
}




#rank04 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#rank05{
	display: table;
	height: 70px;
	width: 170px;
	background:url(../images/common/rank05.jpg) no-repeat;
	overflow: hidden;
}




#rank05 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




/*ranking style top
--------------------------------------------------------------------*/
#top_rank01{
	display: table;
	height: 70px;
	width: 140px;
	background:url(../images/common/new_rank01.jpg) no-repeat;
	overflow: hidden;
}




#top_rank01 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#top_rank02{
	display: table;
	height: 70px;
	width: 140px;
	background:url(../images/common/new_rank02.jpg) no-repeat;
	overflow: hidden;
}




#top_rank02 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#top_rank03{
	display: table;
	height: 70px;
	width: 140px;
	background:url(../images/common/new_rank03.jpg) no-repeat;
	overflow: hidden;
}




#top_rank03 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#top_rank04{
	display: table;
	height: 70px;
	width: 140px;
	background:url(../images/common/new_rank04.jpg) no-repeat;
	overflow: hidden;
}




#top_rank04 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}




#top_rank05{
	display: table;
	height: 70px;
	width: 140px;
	background:url(../images/common/new_rank05.jpg) no-repeat;
	overflow: hidden;
}




#top_rank05 a{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px 0 40px;
	font-size:11px;
}
















/*s-cat style
--------------------------------------------------------------------*/
#s-cat-btn01 a{
	width:170px;
	height:40px;
	display:block;
	background:url(../images/common/s_btn_01.jpg) no-repeat;
}




#s-cat-btn01 a:hover{
	background:url(../images/common/s_btn_h01.jpg) no-repeat;
}




#s-cat-btn02 a{
	width:170px;
	height:40px;
	display:block;
	background:url(../images/common/s_btn_02.jpg) no-repeat;
}




#s-cat-btn02 a:hover{
	background:url(../images/common/s_btn_h02.jpg) no-repeat;
}








#s-cat-btn03 a{
	width:170px;
	height:40px;
	display:block;
	background:url(../images/common/s_btn_03.jpg) no-repeat;
}




#s-cat-btn03 a:hover{
	background:url(../images/common/s_btn_h03.jpg) no-repeat;
}








#s-cat-btn04 a{
	width:170px;
	height:40px;
	display:block;
	background:url(../images/common/s_btn_04.jpg) no-repeat;
}




#s-cat-btn04 a:hover{
	background:url(../images/common/s_btn_h04.jpg) no-repeat;
}








#s-cat-btn05 a{
	width:170px;
	height:40px;
	display:block;
	background:url(../images/common/s_btn_05.jpg) no-repeat;
}




#s-cat-btn05 a:hover{
	background:url(../images/common/s_btn_h05.jpg) no-repeat;
}








#s-cat-btn06 a{
	width:170px;
	height:40px;
	display:block;
	background:url(../images/common/s_btn_06.jpg) no-repeat;
}




#s-cat-btn06 a:hover{
	background:url(../images/common/s_btn_h06.jpg) no-repeat;
}




/* ===================================================================
CSS情報　　 ：基本設定
使用ファイル：すべてのファイル
=================================================================== */




body {
	line-height:1.5;
	color:#333333;
	background:#FFFFFF;
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	word-wrap:break-word;
	/*background:url(../images/common/bg_body_1.jpg) repeat-x left top;*/
	font-size:12px;
	text-align:center;
}
/* IE6用 */
* html body {
	font-size:75%;
}




/* IE7用 */
*:first-child+html body {
	font-size:75%;
}




/* すべてのタグのマージン・パディングの設定をリセット */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, hr {
	margin:0px;
	padding:0px;
}
li {
	list-style-type:none;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
img {
	border:0px;
}
/* リンク色 
a{
	color:#f36;
}
a:hover{
	color:#f00;
}
*/



/* ===================================================================
CSS情報　　 ：コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================== */




/* wrapper - 大枠 */
#wrapper {
	/*background:url(../images/common/bg_body_2.jpg) no-repeat center top;*/
}
/* container - サイドバー・メインコンテンツを格納するコンテナ */
#container {
	margin:0 auto;
	width:972px;
	background:url(../images/common/bg_container.png) repeat-y left top;
}
#container-inner {
	margin:0 auto;
	width:960px;
	text-align:left;
}




/* sidebar - コンテナ内サイドバー */
#sidebar {
	padding-bottom:20px;
	margin-left:20px;
	float:left;
	width:170px;
	/*display:inline;*/
	display: inline-block;
}
#sidebar h2{line-height:0;font-size:0;}
#sidebar img{vertical-align:top;}




/* main - コンテナ内メインコンテンツ */
#main {




	margin-left:20px;
	margin-bottom:20px;
	display:inline;
	width:730px;
	float:left;




}




/* マージン */
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}








/* pankuzu - パンくず */
#pankuzu{
	margin-bottom:16px;
}
#pankuzu a{
	color:#333;
	text-decoration:underline;
}
#pankuzu a:hover{
	color:#f00;
	text-decoration:underline;
}








/* ===================================================================
CSS情報　　 ：ヘッダ
使用ファイル：common/header.xhtml
=================================================================== */

/* header - ヘッダ */
#header-inner-1 {
	width:922px;
	margin:0 17px;
}
#h-box1{
	width:922px;
	margin:5px 20px;
}
.h-menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}

.h-menu li{ 
display: inline; 
color: #333;
/*padding: 3px 15px;*/ 
text-align: center;
font-size: 11px;
float: left;
}

.h-menu li a{
text-decoration: none;
margin:0 19px;
color: #333;
}
.h-menu li a:hover{
    background-color:#CCC;
}
.h-pulldown{
	position:absolute;
	top:32px; left:535px;
	font-size:12px;
	font-weight:500;
	color:#333;
}
.h-serchbox{
	position:absolute;
	top:33px; left:340px;
}
.h-searchform {  
    position: relative;   
}  
.h-search-key  {  
    width: 210px;  
    height: 21px;  
    background: #fff;  
    border: #999 1px solid;
	font-size:12px;
	text-align:center; 
    /*padding: 4px; */  
    color: #333;  
}  
.h-search-btn {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 210px;
	height:23px;  
}  
*:first-child + html .h-search-btn    {  
    top: 1px;  
}  
.h-keyw{
	position:absolute;
	top:30px; left:600px;
	color:#333;
	font-size:10px;
	line-height:18px;
	background-color:#fcfbea;
	width:310px;
	height:35px;
	padding:5px 0 5px 10px;
}
.h-keyw ul{
	margin: 0; 
    padding:0; 
    list-style: none;
}
.h-keyw li{
	display: inline; 
    padding:0; 
    margin: 0;
	float:left;
}
.h-keyw li.keyw-tit{
	text-decoration: none;
	color:#fa0467;
	font-weight:300;
}

.h-keyw li a{
	text-decoration:underline;
	color:#333;
	padding-right:10px;
}
.h-keyw li a:hover{
	color:#F00;
}
#h-mkmenu{
	display:block;
	float:left;
	width:922px;
	margin:0 20px;
	padding:0;
	border-top:#1b6db6 5px solid;
}
#h-mkmenu ul{
    margin: 0; 
    padding: 0; 
    list-style: none;
}
#h-mkmenu li{
	display: inline; 
    padding: 0; 
    margin: 0;
	float:left; 
}
#h-mkmenu li a{
	display: block;
}
#h-mkmenu li a:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}
#h-typemenu{
	display:block;
	float:left;
	margin:0 20px 20px 20px;
	clear:both;
}
#h-typemenu .oe_box{
	background:#000;
	opacity:0;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#h-typemenu ul.oe_menu{
	list-style: square;
	position:relative;
	margin:0;
	width:922px;
	float:left;
	clear:both;
}

#h-typemenu li.oe{
	/*display: inline; */
	padding-bottom:8px; 
    margin: 0;
	/*height:40px;*/
	float:left;
	position:relative;
}
#h-typemenu li.oe a.type-lens{
display: block;
border: 1px solid #666;
background-color:#1b6db6;
padding: 5px;
text-decoration: none;
color:#FFF;
width: 145px;
margin: 1px;
text-align: center;
font-size: 14px;
font-weight:400;
}
#h-typemenu li.oe a.type-care{
display: block;
border: 1px solid #666;
background-color:#1b6db6;
padding: 5px;
text-decoration: none;
color:#FFF;
width: 110px;
margin: 1px;
text-align: center;
font-size: 14px;
font-weight:400;
}
#h-typemenu li.oe a:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}
#h-typemenu ul.oe_menu div{
	position:absolute;
	top:41px;
	left:0;
	background:#fff;
	border:#1b6db6 2px solid;
	width:145px;
	height:180px;
	padding:10px;
	display:none;
}
#h-typemenu ul.oe_menu div:before{
	content:"";
	position:absolute;
	top:-18px;
	left:30px;
	width:0;
	height:0;
	border:9px solid transparent;
	border-bottom:9px solid #1b6db6;
}
#h-typemenu ul.oe_menu div ul li{
	margin:0  0 9px 0;
	line-height:13px;
	/*list-style:square;*/
}
#h-typemenu ul.oe_menu div ul li a{
	text-decoration:none;
	color:#222;
	/*padding:2px 2px 2px 4px;*/
	/*margin:2px;*/
	/*display:block;*/
	font-size:12px;
}
#h-typemenu ul.oe_menu div ul li a:hover{
	background:#000;
	color:#fff;
}
#h-typemenu ul.oe_menu div ul.oe_full{
	width:100%;
}
#h-typemenu li.oe_heading{
	color:#006;;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid #ddd;
}
#h-tien{
	display:block;
	float:left;
	width:922px;
	margin:0 20px;
	padding:0;
}
#h-tien p a:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}




/* header - ヘッダ 
#header {
	margin:0 0 10px 18px;
	padding-bottom:10px;
	width:960px;
	background:;
}
#header img {
	vertical-align:top;
}
#header-inner-1 {
	padding:2px 0px 0px 0px;
	min-height:1px;
	_height:1px;
	position:relative;
}
#h-search{
	position: absolute;
	top: 41px;
	left: 280px;
	width: 640px;
	overflow : hidden;
}
#atn{
margin:10px 0 0 0; 
font-size:14px;
}

*/







/* smartphone - スマートフォン専用サイトへのリンク */
#smartphone a {
	display:block;
	background:url("../images/button_smartphone.png") no-repeat;
	margin:auto;
	width:980px;
	height:150px;
	text-indent:-9999px;
}
/* preview - プレビュー時に表示するエリア */
#preview {
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#FFFFFF;
	text-align:center;
	background:#1c8600;
	padding:5px;
	font-size:12px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
#preview table {
	width:960px;
	margin:auto;
}
#preview .ico {
	width:20%;
	text-align:right;
	padding-right:10px;
}
#preview .content {
	text-align:left;
}
/* font_changer - 文字サイズ変更 ---*/
#font_changer {
	float:right;
	margin:35px 20px 0px 0px;
}
#font_changer h2 {
	display:block;
	font-size:13px;
	float:left;
	margin-right:5px;
}
#font_changer .icon {
	float:left;
}
#font_changer .icon img {
	display:block;
	float:left;
	margin-right:4px;
}
/* search - 商品検索窓 */
#search {
	width:280px;
	float:right;
}
#search h2 {
	margin:10px 0px 0px;
	width:105px;
	height:15px;
	display:block;
	background:url("../images/search_title.gif") no-repeat;
	text-indent:-9999px;
	float:left;
	overflow:hidden;
}
#search p {
	display:block;
	font-size:12px;
	padding:0px 10px;
	text-align:right;
	clear:both;
}
#search #form {
	display:inline;
	width:95px;
	margin:8px;
	float:left;
}
#search #button {
	display:inline;
	margin:8px 10px 8px 0px;
	float:left;
}
/* shiborikomi - 絞り込み検索 */
#shiborikomi {
	width:880px;
	margin:0 auto 10px;
	padding:5px 10px;
	background:#f1f1f1;
	font-size:12px;
}
#shiborikomi .select {
	background:#8cc329;
	color:#FFFFFF;
	padding:0 3px;
	font-weight:bold;
}
#shiborikomi a {
	color:#666666;
	padding:0 3px;
	font-weight:bold;
	text-decoration:none;
}
#shiborikomi a:hover {
	background:#CCCCCC;
}
/* bugreport - 不具合・要望報告ボタン */
#bugreport p a {
	display:block;
	background:url("../images/button_bugreport.gif") no-repeat;
	width:30px;
	height:160px;
	text-indent:-9999px;
	overflow:hidden;
	position:fixed;
	top:100px;
	right:0px;
}
* html {
	overflow:hidden;
}/* IE6用 */
* html body {
	height:100%;
	overflow:auto;
	margin:0;
}/* IE6用 */
* html #bugreport p a {
	position:absolute;
	right:16px;
}/* IE6用 */




/* ===================================================================
CSS情報　　 ：サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================== */




/* login - ログイン枠 */
#login {
	margin:5px 0 15px 0;
	padding:5px;
	border:1px #989898 solid;
	width:160px;
	float:left;
}
#login label {
	float:left;
	display:inline;
	width:20px;
	height:15px;
}
#login input {
	border:1px #e2e3ea solid;
	float:left;
}
#login input#id_form{
	margin:0 3px 7px 0;
}
#login input#pw_form{
	margin:0 3px 7px 0;
}
#login input#id_form,
#login input#pw_form{
	width:132px;
}
#login .button {
	border:none;
	padding:5px 0;
}
#login p {
	clear:both;
	margin:0px 20px 2px;
}
#login .error {
	margin:5px 10px;
	clear:both;
	color:#CC0000;
	font-weight:bold;
	text-align:center;
}
#login p.btn-login {
	margin:0;
	padding:5px 0;
}
#login p.btn-login1 {
	margin:0;
	padding:3px 0;
}
#login .point {
	color:#CC0000;
}
#login span {
	font-weight:bold;
}




/* h-search - 検索窓 */
#h-search{
	text-align: left;
}




#h-search input{vertical-align:middle;}




/* s-search - 検索窓 */
#s-search{margin-bottom:20px;}
#s-search h2{
	margin-bottom:14px;
}
#s-search form{
	background-color:#000;
}
#s-search input{vertical-align:middle;}
#s-search input#form{
	border:2px #000 solid;
	width:128px;
	height:16px;
}
#s-search p{
	margin-top:6px;
}

/* s-bnr - サイドバナー */
.s-bnr{
	margin-bottom:15px;
	width:170px;
}
.s-bnr:hover{
	margin-bottom:15px;
	width:170px;
	filter:alpha(opacity=60);
	opacity:0.6;
}
.s-bnr2{
	margin-bottom:15px;
	width:170px;
}
.s-bnr3{
	margin-bottom:5px;
	width:170px;
}
.s-bnr3:hover{
    filter:alpha(opacity=60);
	opacity:0.6;
}
/*
.s-type{
	margin-bottom:13px;
}
.s-type ul{
	list-style:square;
	margin-left:8px;
}
.s-type li a{
	margin-bottom:10px;
	color: #333;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
}
.s-type li a:hover{
	background-color:#CCC;
}*/

/* サイドメニュー */
#s-navi {
	margin-left: 20px;
	font-size: 100%;
	font-weight: bold;
	list-style: none;
}
#s-navi li {
	margin-bottom: 0.8em;
}
#s-navi li a {
	text-decoration: none;
	color: #333333;
}
#s-navi li a:hover {
	color: #FF9900;
}



/* s-pickup - ピックアップ */
#s-pickup{
	margin-bottom:20px;
	/*border:1px #989898 solid;*/
}
#s-pickup-list{
	background-color:#FFEAD9;  /*#e7f6df*/
	padding:3px 6px;
}
#s-pickup-list li{
	padding:9px 0 9px 18px;
	background:url(../images/common/s_icon_1.gif) no-repeat 0 7px;
	line-height:1.15;
}
#s-pickup-list li a{
	color:#333;
	font-size:13px;
	text-decoration:none;
}
#s-pickup-list li a:hover{
	color:#f00;
	font-size:13px;
	text-decoration:underline;
}




/* s-cat - カテゴリー */
#s-cat{
	margin-bottom:20px;
	border-top:1px #a1a1a1 solid;
}




/* s-maker-search - メーカーで検索 */
#s-maker-search{
	margin:5px 0 20px 0;
	/*border:1px #989898 solid;*/
}
#s-maker-search form{
	padding:12px;
}
#s-maker-search select{
	width:144px;
}




/* s-mobile - 携帯からアクセス */
#s-mobile{
	margin-bottom:20px;
	/*border:1px #989898 solid;*/
}
#s-mobile #qr{
	padding:10px 0 14px;
	text-align:center;
}




/* s-cs - カスタマーサポート */
#s-cs{
	margin-bottom:20px;
	/*border:1px #989898 solid;*/
}
#s-cs p{
	padding-bottom:10px;
	font-weight:bold;
	line-height:1.15;
	text-align:center;
}
#s-cs p img{margin-bottom:3px;}
#s-cs .cs{
	padding-top:12px;
	margin-bottom:4px;
}




/* s-hs - 返品サポート */
#s-hs{
	/*border:1px #989898 solid;*/
}
#s-hs .hs{
	padding:14px 0 8px;
	line-height:1.15;
 color:#f00;
	font-weight:bold;
	text-align:center;
}
#s-hs .hs img{margin-bottom:8px;}



/* s-bnr - バナー */
#s-bnr{
	/*border:1px #989898 solid;*/
}
#s-bnr p bnr1{
	padding:14px 0 8px 0;
}











/* cart - 買い物かごの中身確認・買い物かごへ */
#cart {
	width:170px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background:url("../images/localmenu_bg.gif") repeat-y;
	padding:10px;
	margin-bottom:10px;
}
#cart h2 {
	width:100%;
	height:25px;
	text-indent:-9999px;
	background:url("../images/cart_title.gif") no-repeat;
	overflow:hidden;
}
#cart h3 {
	clear:both;
	display:block;
	margin:0px 0px 5px 8px;
	font-size:12px;
	font-weight:normal;
	float:left;
}
#cart p {
	display:block;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#CC0000;
	margin-right:10px;
	float:right;
}
#cart a {
	display:block;
	margin:auto;
	width:150px;
	height:25px;
	background:url("../images/button_gocart.gif") no-repeat;
	text-indent:-9999px;
	clear:both;
	border-top:5px solid #FFFFFF;
}




/* category - 商品カテゴリ */
#category {
	width:190px;
	margin-bottom:10px;
}
#category h2 {
	display:block;
	width:100%;
	height:30px;
	text-indent:-9999px;
	background:url("../images/category_title.gif") no-repeat;
	overflow:hidden;
}
#category li {
	display:inline;
}
#category .select {
	background:url("../images/marker_on.gif") 10px 10px no-repeat #d2342b;
	color:#FFFFFF;
	text-decoration:none;
}
#category li a {
	background:url("../images/marker.gif") 10px 10px no-repeat;
	display:block;
	padding:5px 5px 5px 25px;
	color:#333333;
	text-decoration:none;
	font-size:15px;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
}
#category li a:link {
	display:block;
	overflow:hidden;
}
#category li a:hover {
	background:url("../images/marker.gif") 10px 10px no-repeat #CCCCCC;
	color:#FFFFFF;
	text-decoration:underline;
}








/* present - プレゼント枠 */
#present {
	width:170px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background:url("../images/localmenu_bg.gif") repeat-y;
	padding:10px;
	margin-bottom:10px;
}
#present h2 {
	width:100%;
	height:25px;
	text-indent:-9999px;
	background:url("../images/present_title.gif") no-repeat;
	overflow:hidden;
}
#present h3 {
	display:block;
	font-size:12px;
	padding:0px 10px 0px 18px;
	background:url("../images/marker.gif") 2px 5px no-repeat;
}
#present .period {
	font-size:12px;
	margin:0px 5px 10px 18px;
}
#present .all {
	font-size:12px;
	margin:10px 10px 2px;
}




/* calendar - カレンダー */
#calendar {
	width:190px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background:url("../images/localmenu_bg.gif") repeat-y;
	padding:10px 0px 5px;
	margin-bottom:10px;
	zoom:100%;
}
#calendar h2 {
	width:170px;
	height:20px;
	margin:0px 10px;
	text-indent:-9999px;
	background:url("../images/calendar_title.gif") no-repeat;
	overflow:hidden;
}
#calendar p {
	font-size:12px;
	margin:0px 10px;
}
#calendar span.day_color1 {
	color:#ff7f7e;
}
#SIDE_CALENDAR {
	width:180px;
	margin:0px 5px;
	font-size:9px;
	overflow:hidden;
}
.ui-widget-content {
	border: 1px solid #FFFFFF;
}
.ui-datepicker-title {
	font-size:12px;
}
.ui-widget-header {
	width:178px;
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:solid 1px #CCCCCC;
	border-radius:0px;
}
.ui-datepicker table {
	width:178px;
}
.ui-datepicker th, .ui-datepicker td {
	padding:1px;
	border:none;
	margin:0px;
	width:10px !important;
}
.ui-datepicker th a, .ui-datepicker td a {
	border:none !important;
	padding:1px;
}
.ui-datepicker-week-end {
	color:#CC0000;
}
.ui-datepicker .day_color1 .ui-state-default {
	background-image:none;
	background-color:#ff7f7e;
	color:#CC0000;
}
.ui-datepicker .day_color2 .ui-state-default {
	background-image:none;
	background-color:#D7FFED;
}
.ui-datepicker .day_color3 .ui-state-default {
	background-image:none;
	background-color:#DDDDFF;
}
.ui-datepicker .day_color4 .ui-state-default {
	background-image:none;
	background-color:#FFFFDD;
}
.ui-datepicker .day_color5 .ui-state-default {
	background-image:none;
	background-color:#E7FFFF;
}
.ui-datepicker .day_color6 .ui-state-default {
	background-image:none;
	background-color:#F0D6FF;
}




/* banner - バナーエリア */
#banner {
	width:190px;
	margin-bottom:10px;
}
#banner a img {
	display:block;
	margin-bottom:5px;
}




/* ===================================================================
CSS情報　　 ：extファイル用
使用ファイル：ext/beginner.html
　　　　　　　ext/company.html
　　　　　　　ext/faq.html
=================================================================== */




#ext h2 {
	height:25px;
	display:block;
	background:url("../images/title_bg.gif") no-repeat;
	font-size:14px;
	padding:3px 10px 3px 25px;
}
#ext h3 {
	display:block;
	font-size:12px;
	margin:30px 20px 10px 10px;
	border-bottom:#DDDDDD 1px solid;
	border-left:#4c9f2a 6px solid;
	padding:5px;
}
#ext th {
	text-align:left;
}
#ext ul {
	padding-bottom:10px;
}
#ext li {
	list-style:disc;
	margin:5px 40px;
	font-size:12px;
}




/* ===================================================================
CSS情報　　 ：定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================== */




/* teiki_index - 定期購入商品一覧 */
#teiki_index h3 {
	margin:5px;
	font-size:110%;
	border-left:6px solid #FFFFFF;
	padding-left:8px;
	color:#006600;
}
#teiki_index h4 {
	font-size:100%;
	margin:30px 20px 20px;
	display:block;
	padding-left:15px;
	background:url("../images/marker.gif") 0px 8px no-repeat;
	border-bottom:1px solid #CCCCCC;
}
#teiki_index .box {
	background:#FFFFFF;
	margin:10px;
	padding:10px;
	border:1px solid #CCCCCC;
}
#teiki_index .head {
	background:#DEF1B1;
	padding:5px;
}
#teiki_index .head_detail {
	background:url("../images/marker_on.gif") 0px 5px no-repeat;
	padding-left:15px;
}
#teiki_index .head_renew {
	text-align:right;
	color:#777777;
}
#teiki_index .price {
	text-align:right;
	color:#CC0000;
}
#teiki_index table {
	width:618px;
}
#teiki_index th {
	padding:5px 10px;
}
#teiki_index td {
	text-align:center;
}
#teiki_index td.month {
	font-weight:bold;
	color:#006600;
	background:#F0F9DD;
}
/* teiki_detail - 定期購入商品照会・変更・確認画面 */
#teiki_detail h3 {
	margin:5px;
	font-size:110%;
	border-left:6px solid #FFFFFF;
	padding-left:8px;
	color:#006600;
}
#teiki_detail h4 {
	font-size:100%;
	margin:30px 20px 20px;
	display:block;
	padding-left:15px;
	background:url("../images/marker.gif") 0px 8px no-repeat;
	border-bottom:1px solid #CCCCCC;
}
#teiki_detail h5 {
	margin:20px 20px 0px;
}
#teiki_detail .box {
	background:#FFFFFF;
	margin:10px;
	padding:10px;
	border:1px solid #CCCCCC;
}
#teiki_detail .head {
	background:#DEF1B1;
	padding:5px;
}
#teiki_detail .head_detail {
	border-left:12px groove #333333;
	padding-left:5px;
	margin-right:20px;
}
#teiki_detail .price {
	color:#CC0000;
}
#teiki_detail table {
	width:618px;
}
#teiki_detail td.month {
	font-weight:bold;
	color:#006600;
	background:#F0F9DD;
}




/* ===================================================================
CSS情報　　 ：メインコンテンツ
使用ファイル：apply/input_APPLY1.xhtml,apply/result_APPLY1.xhtmlなど
=================================================================== */
#main #box-com h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:14px;padding:3px 10px 3px 25px;}
#main #box-com p{margin:5px 20px;font-size:12px;line-height:150%;}
#main #box-com table{
	font-size: 12px;
	line-height: 160%;
	width: 690px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}
#main #box-com th{background:#EEEEEE;padding:15px 10px;vertical-align:top;border:1px solid #CCCCCC;}
#main #box-com th.title{text-align:left;width:auto;}
#main #box-com td{padding:10px 5px;vertical-align:top;border:1px solid #CCCCCC;}
#main #box-com .buttonarea{text-align:center;margin:10px;padding-top:10px;}
#main #box-com .hissu{color:#CC0000;font-weight:bold;}
#main #box-com #breadcrumbs{font-size:12px;margin-bottom:10px;}
#main #box-com input.member-seimei{width:120px;　margin-bottom:6px;}
.page-top{
	margin:0 0 20px;
	text-align:right;
}
.page-top a{
	color:#333;
}
.page-top a:hover{
	color:#f00;
}








/* ===================================================================
CSS情報　　 ：フッタ
使用ファイル：common/footer.xhtml
=================================================================== */
#footer{
	clear:both;
}
#page-top{
	margin:0 20px;
	padding:0 0 6px;
	text-align:right;
}
#page-top a{
	color:#333;
}
#page-top a:hover{
	color:#f00;
}
#footer-inner:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#footer-inner{
	margin:0 0 20px 20px;
	padding-top:20px;
	width:920px;
	background:url(../images/common/line_dot.gif) repeat-x left top;
	color:#069;
	/*\*//*/
	overflow:hidden;
	/**/
}
#footer-inner-l{
	width:376px;
	float:left;
	padding:0 10px 0 20px;
	text-align:left;
 
}
#footer-inner-r{
	width:450px;
	float:right;
	padding:0 20px 0 0;
	text-align:left;
}
#footer-inner a{
	color:#069;
	text-decoration:underline;
}
#footer-inner a:hover{
	color:#f00;
	text-decoration:underline;
}
#footer-inner h2{
	margin-bottom:4px;
	line-height:1.2;
	font-size:15px;
}
#footer-inner h2 span{
	font-size:11px;
}
#footer-inner p{
	margin-bottom:12px;
	margin-left:15px;
}
#footer-inner p.f-text-1{
	margin-bottom:4px;
}
#footer-inner p.f-text-2{
	clear:both;
	margin-left:0;
}
#footer-inner p.f-text-3{
	margin-top:-4px;
	margin-left:48px;
}
#f-hassou:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#f-hassou{
	width:342px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#f-hassou-l{
	width:118px;
	float:left;
}
#footer-inner p#f-hassou-r{
	margin:0;
	width:224px;
	float:left;
}
.f-table{
	margin:0 0 10px 15px;
	border:0;}
.f-table td{
	font-size:12px;
	vertical-align:top;
}




#footer-inner-2{
	clear:both;
	padding:6px 0 10px;
	border-top:8px #1480c9 solid;
	background-color:#7fb2cc;
	text-align:center;
}
#footer-inner-2 a{
	color:#333;
	text-decoration:underline;
}
#footer-inner-2 a:hover{
	color:#f00;
	text-decoration:underline;
}








/* ===================================================================
CSS情報　　 ：商品詳細・一覧、プレゼント詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
=================================================================== */




/* category_html - カテゴリHTML */
#category_html {
	margin-bottom:20px;
}
#category_html img {
	display:block;
	margin-bottom:10px;
}
/* subcategory - サブカテゴリ */
#subcategory {
	margin-bottom:20px;
}
#subcategory ul {
	display:block;
	width:560px;
	border:#CCCCCC 1px solid;
	zoom:100%;
	background:#F5F5F5;
}
#subcategory ul:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#subcategory li {
	display:inline;
	float:left;
}
#subcategory .select {
	background:url("../images/marker_on.gif") 7px 10px no-repeat #d2342b;
	text-decoration:none;
	color:#FFFFFF;
}
#subcategory li a {
	display:block;
	padding:5px;
	text-indent:15px;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	background:url("../images/marker.gif") 7px 10px no-repeat;
	white-space:nowrap;
}
#subcategory li a:link {
	display:block;
}
#subcategory li a:hover {
	background:url("../images/marker.gif") 7px 10px no-repeat #CCCCCC;
	text-decoration:underline;
	color:#FFFFFF;
}
#subcategory #sub ul {
	display:block;
	width:560px;
	background:#FFFFFF;
	border:#CCCCCC 1px solid;
	border-top:none;
}
#subcategory #sub ul:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#subcategory #sub li {
	display:inline;
	float:left;
}
#subcategory #sub .select {
	background:url("../images/marker_on.gif") 7px 10px no-repeat #82C180;
	text-decoration:none;
	color:#FFFFFF;
}
#subcategory #sub li a {
	display:block;
	padding:5px;
	text-indent:15px;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	background:url("../images/marker.gif") 7px 10px no-repeat;
}
#subcategory #sub li a:link {
	display:block;
}
#subcategory #sub li a:hover {
	background:url("../images/marker.gif") 7px 10px no-repeat #CCCCCC;
	text-decoration:underline;
	color:#FFFFFF;
}
/* list - 一覧画面共通のメニュー */
#list {
	padding-bottom:20px;
}
#list ul {
	padding-left:5px;
	background:url("../images/list_bg.gif") bottom repeat-x;
	margin-bottom:10px;
	zoom:100%;
}
#list ul:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#list li {
	float:left;
}
#list li a {
	display:block;
	font-size:12px;
	padding:5px 10px 5px 30px;
	margin-right:5px;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #CCCCCC;
}
#list .detail {
	background:url("../images/list_detail.gif") 7px 7px no-repeat #DDDDDD;
}
#list .image {
	background:url("../images/list_image.gif") 7px 7px no-repeat #DDDDDD;
}
#list .simple {
	background:url("../images/list_simple.gif") 7px 7px no-repeat #DDDDDD;
}
#list .detail_select {
	color:#333333;
	background:url("../images/list_detail_on.gif") 7px 7px no-repeat #FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none;
}
#list .image_select {
	color:#333333;
	background:url("../images/list_image_on.gif") 7px 7px no-repeat #FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none;
}
#list .simple_select {
	color:#333333;
	background:url("../images/list_simple_on.gif") 7px 7px no-repeat #FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
	text-decoration:none;
}
#list .pageguide {
	width:360px;
	font-size:12px;
	float:left;
}
#list .rearrange {
	width:200px;
	font-size:12px;
	float:left;
	text-align:right;
}
#list .pagelink {
	font-size:12px;
	clear:both;
	text-align:center;
}
#list .nolink {
	color:#999999;
}
/* item_list_detail - 商品詳細一覧・プレゼント一覧 */
#item_list_detail {
	margin-bottom:20px;
}
#item_list_detail .box {
	border:#CCCCCC 1px solid;
	margin-top:10px;
	zoom:100%;
}
#item_list_detail .box:hover {
	border:#8cc329 1px solid;
}
#item_list_detail .box:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#item_list_detail .img {
	margin:10px;
	float:left;
}
#item_list_detail .text {
	float:right;
	width:548px;
}
#item_list_detail h3 {
	display:block;
	font-size:95%;
	margin:10px 10px 0px 0px;
}
#item_list_detail .appeal {
	display:block;
	margin:0px;
	color:#FF6600;
	font-size:10px;
}
#item_list_detail .price {
	display:block;
	margin:0px;
	color:#CC0000;
}
#item_list_detail .price .teika {
	font-weight:bold;
	font-size:110%;
}
#item_list_detail .price .other {
	font-size:15px;
}
#item_list_detail .explanation1 {
	display:block;
	font-size:12px;
	margin:5px 10px 0px 0px;
	padding:5px 0px;
	border-top:#CCCCCC 1px solid;
	line-height:120%;
}
#item_list_detail .button {
	display:block;
	border-top:#CCCCCC 1px solid;
	margin:5px 10px 5px 0px;
	text-align:right;
	padding-top:10px;
}
#item_list_detail .property {
	display:inline;
	font-size:12px;
	margin:0px;
	color:#AAAAAA;
}
/* item_list_simple - 商品簡易一覧 */
#item_list_simple {
	margin-bottom:20px;
}
#item_list_simple .box {
	border:#CCCCCC 1px solid;
	margin-top:10px;
	zoom:100%;
}
#item_list_simple .box:hover {
	border:#8cc329 1px solid;
}
#item_list_simple .box:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#item_list_simple h3 {
	display:block;
	font-size:95%;
	margin:10px 10px 0px 10px;
}
#item_list_simple .appeal {
	display:block;
	margin:0px 0px 0px 10px;
	color:#FF6600;
	font-size:10px;
}
#item_list_simple .price {
	display:block;
	margin:0px 0px 0px 10px;
	color:#CC0000;
}
#item_list_simple .price .teika {
	font-weight:bold;
	font-size:110%;
}
#item_list_simple .price .other {
	font-size:15px;
}
#item_list_simple .explanation1 {
	display:block;
	font-size:12px;
	margin:5px 10px 0px;
	padding:5px 0px;
	border-top:#CCCCCC 1px solid;
	line-height:120%;
}
#item_list_simple .button {
	display:block;
	border-top:#CCCCCC 1px solid;
	margin:5px 10px;
	text-align:right;
	padding-top:10px;
}
#item_list_simple .property {
	display:inline;
	font-size:12px;
	margin:0px;
	color:#AAAAAA;
}
/* item_list_image - 商品画像一覧 */
#item_list_image {
	margin-bottom:20px;
}
#item_list_image:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#item_list_image .box {
	border:#CCCCCC 1px solid;
	margin-top:10px;
	width:340px;
	margin-right:4px;
	float:left;
}
#item_list_image .box:hover {
	border:#8cc329 1px solid;
}
#item_list_image .text {
	width:157px;
	float:left;
}
#item_list_image h3 {
	display:block;
	font-size:14px;
	margin:5px 10px 0px 0px;
	line-height:120%;
}
#item_list_image .icon {
	display:block;
	margin:10px 7px 0px 0px;
	line-height:120%;
}
#item_list_image .button {
	display:block;
	text-align:right;
	margin:5px 0;
        padding-right:20px;
	clear:both;
}
#item_list_image .img {
	margin:10px 10px 10px 10px;
	float:left;
	display:inline;
}




/* ===================================================================
CSS情報　　 ：レビュー
使用ファイル：item_detail.xhtmll, member_review.xhtml
=================================================================== */




#review {
	margin-bottom:40px;
}
#review p {
	margin:0px 10px;
}
#review p.item_name {
	font-size:95%;
	font-weight:bold;
}
#review h3 {
	font-size:12px;
	float:left;
	margin:0px 10px;
}
#review .box {
	border:#CCCCCC 1px solid;
	margin:10px 0px 5px;
	padding:10px;
	zoom:100%;
}
#review .box h3 {
	font-size:15px;
	float:none;
}
#review .box p {
	margin:0px;
}
#review .box p.name {
	padding:5px 0px;
	font-size:12px;
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:10px;
	color:#666666;
}
#review p.good_button {
	font-size:12px;
	margin-bottom:5px;
	color:#666666;
}
#review p.good_button input {
	margin-left:5px;
}
#review p.good_number {
	font-size:12px;
	margin-bottom:20px;
	color:#666666;
}
#review p.more {
	font-size:12px;
	margin-bottom:20px;
	text-align:right;
}
#review p.pageguide {
	margin:10px;
}
#review p.pagelink {
	text-align:center;
	margin-bottom:20px;
}
#review ul.star {
	float:left;
	margin-right:10px;
}
#review ul.star li {
	float:left;
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
}
#review ul.star li.good {
	background:url("../images/review_good.gif") no-repeat;
}
#review ul.star li.bad {
	background:url("../images/review_bad.gif") no-repeat;
}
#review .contribution {
	margin-top:10px;
	zoom:100%;
	padding:10px 10px 0px 10px;
}
#review .contribution table {
	border:none;
	margin:0px;
}
#review .contribution th {
	text-align:left;
	border:none;
	background:none;
	width:80px;
	padding:5px 10px;
	font-weight:normal;
}
#review .contribution td {
	border:none;
	padding:5px 10px;
}
#review .contribution h3 {
	border-left:5px solid #4c9f2a;
	font-size:95%;
	padding:3px 5px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #EEEEEE;
	background:#f5f5f5;
	margin-bottom:10px;
	float:none;
}




/* ===================================================================
CSS情報　　 ：キャンペーンページ用
使用ファイル：ext/campaign200907.xhtml
　　　　　　　ext/tissue.xhtml
=================================================================== */




#campaign {
	width:700px;
	float:left;
	padding-bottom:20px;
}
#campaign h3 {
	margin:20px 0px 10px;
}
#campaign .img {
	margin:10px;
}
#campaign p {
	font-size:12px;
	margin:0px 20px 10px;
}
#campaign .howto {
	margin:10px 60px;
}
#campaign .detail {
	border:1px solid #CCCCCC;
	zoom:100%;
	margin-bottom:10px;
}
#campaign .detail:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#campaign .text {
	width:410px;
	padding:10px 10px 0px 0px;
	float:right;
}
#campaign .appeal {
	font-size:12px;
	margin:0px;
}
#campaign .title {
	font-size:100%;
	margin:5px 0px 10px;
	font-weight:bold;
	color:#0099CC;
}
#campaign .comment {
	font-size:12px;
	margin:0px;
	color:#666666;
}
#campaign .button {
	float:right;
	margin:10px;
}
/* ===================================================================
CSS情報　　 ：サブウインドウで表示するページ用
使用ファイル：ext/campaign200907.xhtml
　　　　　　　ext/tissue.xhtml
=================================================================== */




#subwindow {
	width:640px;
	margin:auto;
	text-align:left;
}
#subwindow #header {
	width:640px;
	zoom:100%;
}
#subwindow #header:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}/* clearfix */
#subwindow #header h1 a {
	float:left;
	width:300px;
	height:60px;
	background:url("../images/header_title.gif") no-repeat;
	display:block;
	text-indent:-9999px;
}
#subwindow #content {
	width:640px;
	padding-bottom:20px;
	float:left;
}
#subwindow #content h2 {
	height:25px;
	display:block;
	background:url("../images/title_bg.gif") no-repeat;
	font-size:14px;
	padding:3px 10px 3px 25px;
}
#subwindow #content p {
	margin:5px 20px;
	font-size:12px;
	line-height:150%;
}
#subwindow #content .images {
	text-align:center;
	margin:10px;
}
#subwindow #content table {
	font-size:12px;
	line-height:160%;
	margin:10px 20px;
	width:600px;
	border:1px solid #CCCCCC;
}
#subwindow #content th {
	background:#EEEEEE;
	padding:10px;
	vertical-align:top;
	border:1px solid #CCCCCC;
	width:150px;
}
#subwindow #content th.zaiko {
	width:auto;
	text-align:center;
}
#subwindow #content td {
	padding:10px;
	vertical-align:top;
	border:1px solid #CCCCCC;
}
#subwindow #content td.number {
	text-align:right;
}
#subwindow #content .hissu {
	color:#CC0000;
	font-weight:bold;
}
#subwindow .buttonarea {
	text-align:center;
	border-top:#CCCCCC 1px dashed;
	margin:10px;
	padding-top:10px;
}
/* ===================================================================
CSS情報　　 ：パスワードアップデートページ
使用ファイル：password_update.xhtml
=================================================================== */




#password_update {
	width:100%;
	padding-bottom:20px;
}
#password_update h2 {
	height:25px;
	display:block;
	background:url("../images/title_bg.gif") no-repeat;
	font-size:14px;
	padding:3px 10px 3px 25px;
}
#password_update p {
	margin:5px 20px;
	font-size:12px;
	line-height:150%;
}
#password_update table {
	font-size:12px;
	line-height:160%;
	margin:10px 70px;
	width:750px;
	border:1px solid #CCCCCC;
}
#password_update th {
	background:#EEEEEE;
	padding:10px;
	vertical-align:top;
	border:1px solid #CCCCCC;
	width:150px;
}
#password_update td {
	padding:10px;
	vertical-align:top;
	border:1px solid #CCCCCC;
}
#password_update .ico {
	width:40px;
	vertical-align:top;
	text-align:center;
}
#password_update .content {
	vertical-align:middle;
	color:#CC0000;
	font-weight:bold;
	line-height:150%;
	padding:5px;
}
#password_update .buttonarea {
	text-align:center;
	border-top:#CCCCCC 1px dashed;
	margin:10px;
	padding-top:10px;
}
#password_update .hissu {
	color:#CC0000;
	font-weight:bold;
}
#h-search #serchbox {
	float: right;
}
#h-search #pulldown {
	float: left;
}
#pulldown #pullcategory {
}

#login_box {
	width: 398px;
	padding: 7px;
	background-color: #FCFBE9;
	margin-bottom: 20px;
	float: left;
	text-align:center;
}

#login_box table{
	font-size: 12px;
	line-height: 160%;
	width: 365px;
	background-color: #eee;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}

#login_box table tr td,#login_box table tr th{
	background-color: #eee;	
	padding:10px 0;
}


.login_box_text01{
	text-align:left;
}

#btn_registration {
	width: 100%;
	background-color: #FFF;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}


#login_wrap {
	width: 100%;
	border-top-width: 1px;
	border-top-style: dashed;
	padding-top: 20px;
}

#social_login {
	float: right;
	width: 300px;
	border:1px solid #CECECE;
	padding: 5px;
}

#btn_facebook{
	float:left;
	width:100px;
	text-align:center;
}

#btn_twitter{
	float:right;
	width:100px;
	text-align:center;
}