@charset "Shift-JIS";

/* ---------------------------------------*/
/* Global */
/* ---------------------------------------*/

*{
/*	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;*/
}

html,body{
	margin: 0;
	padding: 0;
}

body{
	color: #404040;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	line-height: 1.4;
	background: #fff url(../img/bg.gif) repeat-x;
	text-align: center;
}

* html body{ font-size: 82%; } /* under IE6 */
*:first-child+html body{ font-size: 82%; } /* IE7 */

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
}

strong,
strong a,
strong font,
strong span{
	font-weight: bold;
}

img,object{
	border: 0;
	vertical-align: bottom;
}

a:link { text-decoration: none; color: #333333; }
a:visited { text-decoration: none; color: #666666;}


#wrapper{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}



/* header
------------------------------*/
#header{
	position: relative;
	height: 108px;
	margin: 0 0 20px;
}

#header *{
	margin: 0;
	padding: 0;
}

h1#ga0ge_logo{
	position: absolute;
	top: 20px;
	left: 0;
	width: 220px;
}

#site_description{
	height: 20px;
	width: 800px;
	overflow: hidden;
	font-size: 84%;
	line-height: 20px;
}

#header_sitemap{
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	width: 150px;
	overflow: hidden;
	font-size: 84%;
	text-align: right;
	line-height: 20px;
}

#bnr_komikomi{
	position: absolute;
	top: 20px;
	left: 224px;
}

#bnr_freeshipping{
	position: absolute;
	top: 20px;
	left: 562px;
}

#bnr_contact{
	position: absolute;
	top: 20px;
	left: 730px;
}

ul#gnav{
	list-style: none;
	position: absolute;
	top: 78px;
	left: 0;
}

ul#gnav li{
	float: left;
}



/* body
------------------------------*/
#body{
}



/* content
------------------------------*/
#content{
	display: inline;
	float: right;
	width: 720px;
	margin: 0 0 15px;
}

#block_aboutus{
	padding: 20px 0 0;
	font-size: 93%;
}

#block_aboutus *{
	margin: 0;
	padding: 0;
}

#block_aboutus a:link{color: #0080cc;text-decoration:underline;}
#block_aboutus a:visited{color: #0080cc;text-decoration:underline;}
#block_aboutus a:hover{color: #65b5e5;text-decoration:none;}
#block_aboutus a:active{color: #65b5e5;text-decoration:none;}

#block_aboutus .section{
	padding: 9px;
	border: 1px solid #e9e9e9;
}

#company_information{
	float: left;
	width: 240px;
	margin: 0 0 10px;
}

#company_information .text{
	margin: 0 0 1em;
}

#meatingroom .text{
	padding: 5px;
	line-height: 1.8;
	margin: 0;
	background: #dff4ff;
}

#other_information{
	margin: 0 0 10px;
}

#termsofuse .box{
	display: inline;
	float: left;
	width: 220px;
	margin: 0 0 10px 10px;
	padding: 10px 0 0;
	background: #fff9e2;
}

#termsofuse .box .title{
	margin: 0 10px 3px;
	color: #bf9700;
	font-weight: bold;
}

#termsofuse .box .text{
	margin: 0 10px 10px;
}

#termsofuse .payment .text{
	background: url(../img/com_ecollect.gif) no-repeat right bottom;
}

#business_calendar{
	display: inline;
	float: left;
	width: 450px;
	margin: 0 0 10px 10px;
	padding: 10px 0;
	background: #edf7df;
}

#business_calendar h3{
	margin: 0 10px 3px;
	color: #669d18;
	font-weight: bold;
}

#business_calendar .image{
	text-align: center;
}

#block_aboutus .brandlist{
	clear: both;
}




/* side
------------------------------*/
#side{
	float: left;
	width: 210px;
	margin: 0 0 15px;
}

#side *{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}


#side .box{
	margin: 0 0 14px;
	padding: 2px;
	border: 3px solid #ccc;
}

#side .nospace{
	padding: 0;
}

#box_himitsu{
	padding: 3px !important;
}

#box_himitsu h2{
	margin: 4px 0 4px 2px;
}

#box_himitsu ul{
	list-style: none;
}

#box_himitsu li{
	margin: 0 0 3px;
}

#box_productslist{
	background: #0080cc;
}

#box_productslist ul{
	list-style: none;
	padding: 0 0 10px;
	background: #fff;
}

#box_productslist li{
	padding: 0 10px;
}

* html #box_productslist li{
	border: 1px solid #fff;
}

#box_productslist li a{
	display: block;
	padding: 0 0 0 35px;
	line-height: 32px;
	border-bottom: 1px dotted #0080cc;
	background-position: 4px 50%;
	background-repeat: no-repeat;
}

#box_productslist li a:link,
#box_productslist li a:visited{ color: #000; text-decoration: none; }
#box_productslist li a:hover,
#box_productslist li a:active{ color: #0080cc; background-color: #e5f5ff; }

#pl_tshirts a{ background: url(../img/list_tshirts.gif); }
#pl_polo a{ background: url(../img/list_polo.gif); }
#pl_parka a{ background: url(../img/list_parka.gif); }
#pl_sweat a{ background: url(../img/list_sweat.gif); }
#pl_ladys a{ background: url(../img/list_ladys.gif); }
#pl_longsleeve a{ background: url(../img/list_longsleeve.gif); }
#pl_jersey a{ background: url(../img/list_jersey.gif); }
#pl_bloson a{ background: url(../img/list_bloson.gif); }
#pl_goods a{ background: url(../img/list_goods.gif); }
#pl_apparel a{ background: url(../img/list_apparel.gif); }
#pl_sports a{ background: url(../img/list_sports.gif); }
#pl_eco a{ background: url(../img/list_eco.gif); }

#box_advice{
	background: #5ec632;
}

#box_advice ul{
	list-style: none;
	padding: 0 0 10px;
	background: #fff;
}

#box_advice li{
	padding: 0 10px;
}

* html #box_advice li{
	border: 1px solid #fff;
}

#box_advice li a{
	display: block;
	padding: 0 0 0 15px;
	line-height: 32px;
	border-bottom: 1px dotted #5ec632;
	background: url(../img/list_advice.gif) no-repeat 4px 50%;
}

#box_advice li a:link,
#box_advice li a:visited{ color: #000; text-decoration: none; }
#box_advice li a:hover,
#box_advice li a:active{ color: #5ec632; background-color: #e9ffdf; }

#box_advice ul ul{
	padding: 0;
}

#box_advice li li{
	font-size: 84%;
	padding-right: 0;
}

#box_advice li li a{
	border: none;
	line-height: 20px;
}

#side .imageText{
	font-size: 84%;
}

#side .imageText a{
	display: block;
}

#side .imageText a:link,
#side .imageText a:visited{
	color: #666;
	text-decoration: none;
}

#side .imageText a:hover,
#side .imageText a:active{
	color: #999;
	text-decoration: none;
}

#side .imageText a span.text{
	display: block;
	padding: 0.5em;
}

#box_information h2{
	margin: 0 0 0.5em;
}

#box_information ul{
	list-style: none;
	padding: 0 0 10px;
	line-height: 1.7;
	background: #fff;
}

* html #box_information li{
	border: 1px solid #fff;
}

#box_information li a{
	display: block;
	padding: 0 0 0 20px;
	background: url(../img/list_information.gif) no-repeat 8px 50%;
}

#box_information li a:link,
#box_information li a:visited{ color: #000; text-decoration: none; }
#box_information li a:hover,
#box_information li a:active{ color: #0080cc; }

#tommyslink{
	margin: 0 0 10px;
	text-align: center;
}

#box_verisign{
	padding-bottom: 10px !important;
	text-align: center;
}


.bnr_tel{
	clear: both;
	text-align: center;
}



/* footer
------------------------------*/
#footer{
	clear: both;
}

#copyright{
	padding: 0.3em;
	color: #666;
	border-top: 1px solid #ccc;
}



/* ---------------------------------------*/
/* Page */
/* ---------------------------------------*/
.page{
	margin: 0 0 0;
	zoom: 1; /* for IE 5.5-7 */
}

.page:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .page{height: 1%;}
.page{display: block;}
/* End hide from IE-mac */

.page *{
	margin: 0;
	padding: 0;
}

.page .block{
	clear: both;
	margin: 0 0 30px;
	zoom: 1; /* for IE 5.5-7 */
}

.page .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .page .block{height: 1%;}
.page .block{display: block;}
/* End hide from IE-mac */


/* ホームページ
------------------------------*/
#page_index{
}

#page_index .mainimg{
	margin: 0 0 10px;
}

#page_index .recommend{
	background: #e5f2fa;
	margin: 0 0 10px;
}

#page_index .recommend ul{
	list-style: none;
	padding: 10px 0 10px 12px;
	zoom: 1; /* for IE 5.5-7 */
}

#page_index .recommend ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page_index .recommend ul{height: 1%;}
#page_index .recommend ul{display: block;}
/* End hide from IE-mac */

#page_index .recommend li{
	display: inline;
	float: left;
	margin: 0 0 0 8px;
}

#page_index .favorite{
	background: #feeaf4;
}

#page_index .favorite ul{
	list-style: none;
	padding: 10px 0 10px 12px;
	zoom: 1; /* for IE 5.5-7 */
}

#page_index .favorite ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page_index .favorite ul{height: 1%;}
#page_index .favorite ul{display: block;}
/* End hide from IE-mac */

#page_index .favorite li{
	display: inline;
	float: left;
	margin: 0 0 0 8px;
}

#page_index .productlist{
}

#page_index .productlist h2{
	margin: 0 0 10px;
}

#page_index .productlist .text{
	margin: 0 0 10px;
	padding: 0 0 10px 20px;
	border-bottom: 1px dotted #ccc;
}

#page_index .productlist table.list{
	margin: 0 auto;
}

#page_index .flow{
}

#page_index .flow h2{
	margin: 0 0 10px;
}

#page_index .flow .text{
	margin: 0 0 10px;
	padding: 0 0 10px 20px;
	border-bottom: 1px dotted #ccc;
}

#page_index .flow .flow_image{
	text-align: center;
	margin: 0 0 10px;
}

#page_index .dl h2{
	margin: 0 0 10px;
}

#page_index .dl .text{
	margin: 0 0 10px;
	padding: 0 0 10px 20px;
	border-bottom: 1px dotted #ccc;
}

#page_index .dl .dlbutton{
	list-style: none;
	margin: 0 0 10px;
	padding: 0 0 0 16px;
	zoom: 1; /* for IE 5.5-7 */
}

#page_index .dl .dlbutton:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page_index .dl .dlbutton{height: 1%;}
#page_index .dl .dlbutton{display: block;}
/* End hide from IE-mac */

#page_index .dl .dlbutton li{
	display: inline;
	float: left;
	margin: 0 0 0 4px;
}



/* シーン 一覧
------------------------------*/
#page_scene{
}

#page_scene h2{
	margin: 0 0 20px;
}

#page_scene .left{
	float: left;
	width: 344px;
	margin: 0 0 0 11px;
}

#page_scene .right{
	float: left;
	width: 344px;
	margin: 0 0 0 10px;
}

* html #page_scene .left{
	margin-left: 5px;
}

#page_scene li{
	list-style: none;
	margin: 0 0 15px;
}

#page_scene li.row{
	float: left;
	width: 167px;
}

#page_scene li.row2{
	float: left;
	width: 167px;
	margin: 0 0 0 10px;
}

#page_scene li a{
	display: block;
	text-decoration: none;
}

#page_scene li a img{
	margin: 0 0 5px;
}

#page_scene li a .title{
	font-weight: bold;
}

#page_scene li a:link .text,
#page_scene li a:visited .text{
	color: #000;
}
#page_scene li a:hover .text,
#page_scene li a:active .text{
	color: #999;
}

#page_scene .totop{
	clear: both;
	text-align: right;
}




/* シーン 詳細
------------------------------*/
#page_scene_detail{
}

#page_scene_detail .dataimg{
	margin: 0 0 30px;
}

#page_scene_detail .sampleimg{
	margin: 0 0 30px;
	text-align: center;
}

#page_scene_detail .sampledata{
	margin: 0 0 30px;
	padding: 15px 15px 5px 20px;
	background: #fce3e0;
}

#page_scene_detail .sampledata table{
	margin: 0 0 10px;
}

#page_scene_detail .sampledata th,
#page_scene_detail .sampledata td{
	vertical-align: top;
}

#page_scene_detail .sampledata th{
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}

#page_scene_detail .sampledata .value{
	padding: 0 0 0 10px;
}

#page_scene_detail .sampledata dt{
	position: absolute;
	width: 9em;
}

#page_scene_detail .sampledata dd{
	margin: 0 0 5px;
	padding: 0 0 0 9em;
}

#page_scene_detail .button{
	list-style: none;
	margin: 0 0 60px;
	text-align: center;
}

#page_scene_detail .button li{
	margin: 0 0 10px;
}