@charset "utf-8";
@import "reset.css";

/***************************************
Theme Name: grandCIRCLE
Theme URI: http://grandcircle-shop.com/
Description: grandCIRCLE テーマファイル
Version: 1.0
Author: 
Author URI: 
Tags: 
***************************************/

html{
/*	background: #E0DECF url(/images/common/bg/bg_html.jpg) repeat center top;*/
}
body {
	background: #E0DECF url(/images/common/bg/bg.jpg) repeat center top;
	zoom:1;
	position: relative;
	text-align: center;
/*	background:url(/images/common/bg/bg_body_top.jpg) repeat-x center top;*/
}

#wrapper{
	text-align: center;
/*	background:url(/images/common/bg/bg_body_bottom.jpg) repeat-x center bottom;*/
}
#wrapper img{
	vertical-align: bottom;
	margin:0;
	padding:0;
	
}
#mainArea{
	width: 1020px;
	margin: 0 auto;
	text-align :left;
}

#header,#mainMenu,.contentWrapper{
	margin: 0 20px;
	background-color: #FFFFFF;
	text-align :left;
}
.contentWrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.contentWrapper { display:inline-block; }
*html .contentWrapper{ height:1%; }
.contentWrapper { display:block; }
*:first-child+html .contentWrapper { display:inline-block; }


/*
a.more{
	color: #880000;
}
a:hover.more{
	color: #003366;
	text-decoration: none;
}
*/

.date{
	padding-top:3px;
}
.date span{
	font-family: 'Courier New',Courier;
	font-size: 12px;
	font-weight: bold;
	display:inline-block;
	padding: 5px 4px 1px;
	margin-right: 9px;
	background: url(/images/common/border/border_solid_h_black.gif) repeat-x left bottom;
}
.date img{
	vertical-align:bottom;
}

#infoList .date span{
	margin-right: 10px;
}

.newsTxt dt{
	font-size: 107%;
	font-weight: bold;
	color: #003366;
}
.newsTxt dt a{
	color: #003366;
}
/*
#content{
	padding: 30px 30px 40px;
}
*/

/*--------------------------------------
	#header
--------------------------------------*/
#header{
	padding:12px 0 15px;
	font-size: 12px;
	line-height: 1;
}
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#header { display:inline-block; }
*html #header{ height:1%; }
#header { display:block; }
*:first-child+html #header { display:inline-block; }


#hRogo{
	width: 180px;
	height: 133px;
	float: left;
	text-align:right;
	margin-right: 32px;
}

#hRogo a:hover img{
	opacity: 0.5;
	filter:alpha(opacity=50);
}


#hContact{
	text-align:right;
	padding: 6px 30px 36px 0;
}

#hContact a:hover img{
	opacity: 0.5;
	filter:alpha(opacity=50);
}

ul#gMenu { display:block; padding-top:55px; float:left; }

ul#gMenu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
ul#gMenu { display:inline-block; }
*html ul#gMenu{ height:1%; }
ul#gMenu { display:block; }
*:first-child+html ul#gMenu { display:inline-block; }


ul#gMenu li {
	float: left;
	height: 32px;
}

ul#gMenu li a{
	background:url(/images/common/g_menu.gif) no-repeat;
	display: block;
	height: 32px;
	text-indent: -99999px;
	overflow: hidden;
}
ul#gMenu li.gMenu_01 a{ width: 88px;  background-position: 0 0; 	 	margin-right: 27px;}
ul#gMenu li.gMenu_02 a{ width: 102px; background-position: -115px 0; 	margin-right: 18px;}
ul#gMenu li.gMenu_03 a{ width: 78px;  background-position: -235px 0; 	margin-right: 19px;}
ul#gMenu li.gMenu_04 a{ width: 97px;  background-position: -332px 0; 	margin-right: 19px;}
ul#gMenu li.gMenu_05 a{ width: 133px; background-position: -448px 0; 	margin-right: 18px;}
ul#gMenu li.gMenu_06 a{ width: 112px; background-position: -599px 0; 	margin-right: 0;}


ul#gMenu li.gMenu_01 a:hover,ul#gMenu li.gMenu_01 a.current{ width: 88px;  background-position: 0 -32px; }
ul#gMenu li.gMenu_02 a:hover,ul#gMenu li.gMenu_02 a.current{ width: 102px; background-position: -115px -32px; }
ul#gMenu li.gMenu_03 a:hover,ul#gMenu li.gMenu_03 a.current{ width: 78px;  background-position: -235px -32px; }
ul#gMenu li.gMenu_04 a:hover,ul#gMenu li.gMenu_04 a.current{ width: 97px;  background-position: -332px -32px; }
ul#gMenu li.gMenu_05 a:hover,ul#gMenu li.gMenu_05 a.current{ width: 133px; background-position: -448px -32px; }
ul#gMenu li.gMenu_06 a:hover,ul#gMenu li.gMenu_06 a.current{ width: 112px; background-position: -599px -32px; }












/*--------------------------------------
	#flashContent
--------------------------------------*/
#flashContent{
	position: relative;
	height: 410px;
}
#flashContent #topFlash{
	top: -40px;
	position: absolute;
	outline:none;
}
#flashContent #topFlash #noFlash{
	background: url(/images/top/no_flash.jpg) no-repeat center top;
	width: 1020px;
	height: 450px;
}
#flashContent #topFlash #noFlash p{
	padding-top: 386px;
	text-align: center;
	font-size: 10px;
	color: #ddddcc;
}
#flashContent #topFlash #noFlash p a{
	color: #ddddcc;
	text-decoration: underline;
}
#flashContent #topFlash #noFlash p a:hover{
	text-decoration: none;
	color: #FFFFFF;
}


/*--------------------------------------
	#mainMenu
--------------------------------------*/
#mainMenu {
	padding: 0 20px 10px;
}
#mainMenu #mmLevel1{
	background: url(/images/top/bg_menu.jpg) no-repeat center top;
	min-height: 271px;
	height: 271px;
	_height: 280px;
	padding: 9px 10px 0;
}

#mmLevel1:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#mmLevel1 { display:inline-block; }
*html #mmLevel1{ height:1%; }
#mmLevel1 { display:block; }
*:first-child+html #mmLevel1 { display:inline-block; }


#mainMenu li#mmExterior h2{ text-align :left; padding-left: 26px;}
#mmExterior ul{ padding-left: 4px;}

#mainMenu li.catParent#mmGrand h3{
	padding: 4px 10px 10px;
	text-align: center;
}
#mainMenu li.catParent .txt{
	padding: 0 15px;
	line-height:1.3;
	font-size: 11px;
}
#mainMenu li.catParent{
	width: 184px;
	float: left;
}
#mainMenu li.catParent h2{
	text-align: center;
	margin-bottom: 15px;
}
#mainMenu li.catParent ul.box{
	padding-left: 30px;
}
#mainMenu li.catParent ul li{
	width: 70px;
	margin-bottom: 7px;
	float: left;
}
#mainMenu li.catParent ul li.wMax{
	width: 70px;
	float: none;
	clear:both;
}

#mainMenu li a:hover img{
	opacity: 0.5;
	filter:alpha(opacity=50);
}

/*--------------------------------------
	#rootContent
--------------------------------------*/
#rootContent{
	padding-bottom: 40px;
}

#rootContent:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#rootContent { display:inline-block; }
*html #rootContent{ height:1%; }
#rootContent { display:block; }
*:first-child+html #rootContent { display:inline-block; }


/* news&blog */
#contentNews{
	width: 520px;
	float: left;
	margin-left: 30px;
	_margin-left: 15px;
	background: url(/images/common/border/border_check.gif) repeat-x left top;
}

#contentNews #nbTitle{
	padding: 16px 0 9px 16px;
	background: url(/images/common/border/border_twin_h_blue.gif) repeat-x left bottom;
}
#contentNews #nbTitle h2{
	padding-top: 2px;
	float:left;
	margin-right: 14px;
}
#contentNews #nbTitle h2 img{
	vertical-align: bottom;
}
#contentNews #nbTitle ul{
	float: left;
	width: 210px;
}
#contentNews #nbTitle #rssIco{
	float: left;
	padding-top:11px;
	width: 91px;
	line-height: 1;
}
#contentNews #nbTitle #allList{
	float: left;
	padding-top:2px;
}
#contentNews #nbTitle a:hover img{
	opacity: 0.5;
	filter:alpha(opacity=50);
}

#contentNews ul#contentNewsList{
	padding-bottom: 4px;
}
#contentNews ul#contentNewsList li{
	background: url(/images/common/border/border_solid_h_blue.gif) repeat-x left bottom;
	margin-top:4px;
	padding:2px 12px 0;
}

#contentNews ul#contentNewsList li div.box{
	padding: 1px 0 3px;
	background: url(/images/common/border/border_solid_v_blue.gif) repeat-y 147px 0;
}

#contentNews ul#contentNewsList li div.newsIcon{
	float: left;
	padding-top: 8px;
	height: 103px;
	_height: 110px;
	padding-left: 8px;
	width: 128px;
	_width: 136px;
	background: url(/images/top/bg_thums.gif) no-repeat left top;
}
#contentNews ul#contentNewsList li div.newsIcon .iconWrap{
	width: 120px;
	height: 90px;
	text-align: center;
	overflow:hidden;
	text-align: center;
	vertical-align:middle;
}
#contentNews ul#contentNewsList li div.newsIcon .iconWrap p{
	display:table;
	vertical-align:middle;
	height:90px;
}
#contentNews ul#contentNewsList li div.newsIcon .iconWrap p a{
	display:table-cell;
	height:90px;
	vertical-align:middle;
	width:120px;
	text-align: center;
	line-height: 90px;
	zoom:1;
}

#contentNews ul#contentNewsList li div.newsIcon .iconWrap p a img{
	vertical-align: middle;
	zoom:1;
}
#contentNews ul#contentNewsList li div.newsIcon .iconWrap p a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#contentNews .date span{
	margin-right: 6px;
}

#contentNews .newsTxt{
	float: right;
	width: 333px;
	padding-top: 1px;
}
#contentNews .newsTxt dt{
	padding-top: 14px;
}
#contentNews .newsTxt dd{
	padding-top: 8px;
	line-height: 1.5;
}

#contentNews .readMore{
	text-align: right;
	padding-right: 15px;
	padding-bottom: 6px;
	background: url(/images/common/border/border_twin_h_blue_02.gif) repeat-x left bottom;
}



/* information  */
#contentInfo{
	width: 417px;
	float: right;
}
#contentInfo h2{
	padding-left: 17px;
}

#contentInfo #infoBox{
	background: url(/images/common/bg/bg_paper.jpg) repeat-y 0 -4px;
	margin: 0 28px 12px 17px;
}
#contentInfo #infoBox ul#infoBanner{
/*	padding: 13px 0 6px;*/
	padding: 3px 1px 0 0;
}
#contentInfo #infoBox ul#infoBanner li{
	padding: 10px 0 0px;
	text-align: center;
}

#contentInfo #infoBox ul#infoList{
	padding-bottom: 12px;
	background: url(/images/top/info_bg.gif) no-repeat left bottom;
}

#contentInfo #infoBox ul#infoList li{
	padding: 4px 16px 16px 15px;
	background: url(/images/common/border/border_solid_h_gray.gif) repeat-x left top;
}

#contentInfo .newsTxt dt{
	padding-top: 9px;
}
#contentInfo .newsTxt dd{
	padding-top: 3px;
}
/*
#contentInfo .readMore {
	font-size:11px;
	height:17px;
	_height:22px;
	padding: 5px 16px 0 0;
	text-align:right;
	vertical-align:middle;
}
#contentInfo .readMore a{
	margin: 4px 0 0;
	color: #FFFFFF;
}
*/

#contentInfo #shopBox{
	background: url(/images/top/bg_shop.jpg) no-repeat 0 24px;
	min-height:92px;
	_height:92px;
}
#contentInfo #shopBox h3{
	padding-top: 2px;
}
#contentInfo #shopBox #shopList{
	vertical-align: middle;
	zoom: 1;
	margin-top:-3px;
	padding-left:1px;
}

#contentInfo #shopBox #shopList li{
	display:inline;
	margin-left: 50px;
}
#contentInfo #shopBox #shopList li img{
	vertical-align: middle;
}

#contentInfo a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);

}

/* override */
/*
#contentInfo #infoBox {margin:0 28px 15px 17px;}
#contentInfo #shopBox {
background:transparent url(/images/top/bg_shop.jpg) no-repeat scroll 0 146px;
min-height:220px;
}

#contentInfo #shopBox h3 {
margin-top:2px;
float: left;
width: 168px;
height: 40px;
margin-bottom:-9px;
}
#contentInfo #shopBox h3 img{
	position:relative;
}

#contentInfo #shopBox p.link{ float :right; padding: 14px 30px 0 0;}


#contentInfo #shopBox #stockYokohama{padding: 0 0 1px 16px;}

#contentInfo #shopBox #stockYokohama img{position: relative;}

#contentInfo #shopBox #shopList {
margin-top:13px;
vertical-align:middle;
}

*/




#contentInfo #infoBox {margin:0 28px 15px 17px;}
#contentInfo #shopBox {
background: url(/images/top/bg_shop.jpg) no-repeat  0 146px;
min-height:220px;
}

#contentInfo #shopBox h3 {
margin-top:2px;
float: left;
width: 168px;
height: 31px;
overflow:hidden;
margin-bottom:0;
}
#contentInfo #shopBox h3 img{
	position:relative;
}

#contentInfo #shopBox p.link{ float :right; padding: 14px 30px 0 0;}


#contentInfo #shopBox #stockYokohama{padding-left:16px;}

#contentInfo #shopBox #stockYokohama img{position: relative;}

#contentInfo #shopBox #shopList {
margin-top:13px;
vertical-align:middle;
}


#contentInfo #shopBox #stockYokohama {
	background: url(/images/top/stockist_banner_bg.gif) no-repeat 16px 0;
	min-height: 112px;
	_height: 112px;
	padding-left:16px;
	margin-bottom: 1px;
}

#contentInfo #shopBox #stockYokohama h4{
	padding: 22px 0 0 14px;
}
#contentInfo #shopBox #stockYokohama .txt{
	padding: 10px 172px 0 14px;
}



















/*--------------------------------------
	各カテゴリ下おすすめFlash
--------------------------------------*/
#flashMenu{
	background: url(/images/common/other/flash_dummy.jpg) no-repeat left top;
	height: 210px;
}
#flashMenu p{
	font-size: 10px;
	color: #666666;
	line-height: 1.4;
	padding: 51px 53px 0;
}
#flashMenu p a{
	color: #666666;
	text-decoration: underline;
}
#flashMenu p a:hover{
	color: #666666;
	text-decoration: none;
}


/*--------------------------------------
	.category-news
	ブログ・ニュースページ
--------------------------------------*/
#cat_title{
	margin: 0 30px 45px;
	padding: 22px 0 0 0;
	background: url(/images/common/border/border_check.gif) repeat-x left top;
}

#cat_title:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#cat_title { display:inline-block; }
*html #cat_title{ height:1%; }
#cat_title { display:block; }
*:first-child+html #cat_title { display:inline-block; }

#cat_title .block{
	padding-left: 15px;
	padding-bottom: 13px;
	background: url(/images/common/border/border_twin_h_blue.gif) repeat-x left bottom;
}

#cat_title h2{
	float: left;
	margin-right: 15px;
}
#cat_title h2 a{
	float:none;
	margin-top: 0;
}

#cat_title a#rssIco{
	display: block;
	float:left;
	margin-top: 8px;
}
#cat_title a:hover{
	opacity: 0.5;
	filter:alpha(opacity=50);
}

#cat_title div#searchform{
	float: right;
	padding: 0 14px 3px 0;
}

#cat_title #searchTxt{
	width: 276px;
	border-left: solid #848484 2px;
	border-top: solid #848484 2px;
	border-right: solid #fafafa 2px;
	border-bottom: solid #fafafa 2px;

	margin-right: 5px;
	vertical-align: middle;
	margin-top: 1px;
	padding: 1px;
	display:inline-block
}
#cat_title #searchTxt input{
	width: 275px;
	border:none;
	height: 12px;
	padding: 1px;
	margin: 0;
}


#cat_title #searchBtn{
	background: url(images/btn_search.gif);
	width:67px;
	height: 27px;
	border: none;
	cursor: pointer;
	vertical-align: middle;
}


/* 記事 */

#notFound{
	padding-left: 45px;
	margin-bottom: 45px;
}


.hentry{
	padding-left: 45px;
	margin-bottom: 45px;
}

.hentry .postHeader{
	zoom:1;
	background: url(/images/common/border/border_post_top_h.gif) repeat-x left top;
}

.postHeader:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.postHeader { display:inline-block; }
*html .postHeader{ height:1%; }
.postHeader { display:block; }
*:first-child+html .postHeader { display:inline-block; }

.hentry .postHeader .date{
	padding: 7px 0 0 15px;
	float: left;
}
.hentry .postHeader .date span{
	
}
.hentry .postHeader .auter{
	float: right;
	padding: 8px 15px 1px 15px;
	background: url(/images/common/border/border_post_top_v.gif) no-repeat left 2px;
	font-family: "Courier New";
	color: #666666;
	font-weight: bold;
}

.hentry .postHeader .auter a{
}
.hentry h3{
	clear: both;
	zoom:1;
	padding: 11px 15px 12px;
	background: url(/images/common/border/border_dot_h_gray_12.gif) repeat-x left bottom;
	margin-bottom: 25px;
	color :#003366;
}

.hentry h3 a{
	color:#003366;
}

.hentry .entry{
	padding: 0 15px;
}

.hentry .entry p,
.hentry .entry ul{
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#wrapper .entry p img{
/*	margin: 8px 0 12px;*/
}
.hentry .postmetadata{
	text-align: right;
	padding: 5px 15px 5px;
	background: url(/images/common/border/border_post_bottom.gif) no-repeat left bottom;
	font-family: "Courier New";
	font-weight: bold;
	color: #666666;
}
.hentry .postmetadata a{
	font-family: メイリオ,Meiryo,"ＭＳ Ｐゴシック", "MS PGothic",Osaka,sans-serif,Arai;
	font-weight: normal;
}

.contentWrapper #content{
	float: left;
	width: 550px;
}
.contentWrapper #sidebar{
	float: right;
	width: 400px;
	_margin-right: -15px;
	margin-bottom: 15px;

}

#sidebar .sideArea{
	float: left;
	width: 175px;
	margin-right:20px;
}

#sidebar .sideArea .block{
	margin-bottom: 25px;
}
#sidebar h4{
}

#sidebar ul{
	list-style:none;
	padding: 5px 0 0;
}
#sidebar ul li{
	padding: 3px 15px 6px;
	background: url(/images/common/border/border_dot_h_gray_12.gif) repeat-x left bottom;
}

#sidebar .sideArea li a{
	padding-left: 10px;
	background: url(/images/common/icon/ico_arrow_links.gif) no-repeat left 0.2em;
	display: inline-block;
	margin-right: 5px;
}
#sidebar .sideArea li a:hover{
	color: #003366;
	background: url(/images/common/icon/ico_arrow_links_h.gif) no-repeat left 0.2em;
}


#sideCalendar h4{
	margin-bottom: 8px;
}

#sidebar .sideArea table{
	width: 155px;
	font-family: 'Courier New';
	font-size: 11px;
	margin: 0 auto;
}
#sidebar .sideArea table th{
	text-align: center;
	padding: 4px 0 7px;
	vertical-align: middle;
	line-height: 1;
}

#sidebar .sideArea table td{
	padding: 2px 0 4px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	font-weight: bold;
}

#sidebar .sideArea  #calenderMonth{
	padding-bottom: 3px;
	background: url(/images/common/border/border_dot_h_gray_12.gif) repeat-x left bottom;
	text-align:center;
	color: #003366;
}
#sidebar .sideArea  #calenderMonth table{
	width: 175px;
	font-size:12px;
}

#sidebar .sideArea  #calendarTitle{
	background: url(/images/common/border/border_dot_h_gray_12.gif) repeat-x left bottom;
	margin-bottom: 5px;
	color: #666666;
	text-align:center;
}

#sidebar .sideArea  #calendarTitle th{
	color: #666666;
}

#calendarDays {
	padding-bottom: 7px;
	background: url(/images/common/border/border_dot_h_gray_12.gif) repeat-x left bottom;
	color: #999999;
	text-align:center;
}

#calendarDays td{
	border-collapse:collapse;
	border-top : 6px solid #FFFFFF;
	border-bottom : 6px solid #FFFFFF;
	border-left : 6px solid #FFFFFF;
	border-right : 6px solid #FFFFFF;
}

#calendarDays td{
	color: #999999;
}
#calendarDays td a{
	text-decoration: underline;
}

#calendarDays td#today{
	background: #013368;
	color: #FFFFFF;
}
#calendarDays td#today a{
	color: #FFFFFF;
}
#calendarDays td a:hover{
	text-decoration: none;
}


#sidebar .sideArea table .calendarArrow{
	width: 50px;
	font-size: 13px;
	color: #999999;
}

#sidebar .sideArea #sideAuthors a,
#sidebar .sideArea #sideArchive a{
	font-family: 'Courier New';
	font-weight: bold;
}

/*--------------------------------------
	#footer
--------------------------------------*/
.navigation{
	margin: 0 0 40px 30px;
	background: url(/images/common/border/border_solid_h_blue.gif) repeat-x left top;
	color: #999999;
}
.navigation .block{
	padding: 4px 15px 7px;
	background: url(/images/common/border/border_twin_h_blue_02.gif) repeat-x left bottom;
}
.navigation .block .alignleft{
	float: left;
}
.navigation .block .alignright{
	float: right;
}

.navigation .block:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.navigation .block { display:inline-block; }
*html .navigation .block{ height:1%; }
.navigation .block { display:block; }
*:first-child+html .navigation .block { display:inline-block; }

/*--------------------------------------
	#footer
--------------------------------------*/
#footer{
	background: url(/images/common/bg/bg_footer.jpg) repeat-y center top;
	padding-top: 31px;
	padding-bottom: 29px;
	zoom:1;
}

#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#footer { display:inline-block; }
*html #footer{ height:1%; }
#footer { display:block; }
*:first-child+html #footer { display:inline-block; }


#footer ul{
	padding: 0 0 0 50px;
	float:left;
}
#footer ul li {
	float: left;
	padding: 0 15px 0 0;
	line-height: 10px;
/*	background: url(/images/common/icon/ico_arrow_footer.gif) no-repeat left center;*/
}
#footer a{
	color :#FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: under-line;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#footer address{
	color :#FFFFFF;
	text-align: right;
	margin-right: 49px;
}