@charset "utf-8";
/*commons:すべてのページからアクセスできるCSS*/

/*-------------------------------------------------
 default setting
-------------------------------------------------*/
/*----- body -----*/
body {
	color:#000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif;
	font-size: 17px;
	line-height: 160%;
	background-color: #fdfdfd;
	padding:0px;
	margin:0px;
	height: 100%;
	width: 100%;
	background-image: url(../images/layout/main_bg.gif);
}

/*----- browser caution -----*/
#browser_caution {
	background-color:#fef;
}
	#browser_caution_inner {
		width:960px;
		margin:0px auto;
		text-align:center;
	}


/*----- layout fitting -----*/
/*float*/
.float_l{
	float:left!important;
}
.float_r{
	float:right!important;
}
/*incline*/
.incline_c{
	text-align:center;
}
.incline_r{
	text-align:right;
}

/*----- font decoration -----*/
.bld{
	font-weight:bold;
}
.red{
	color:#F00;
}
.green{
	color:#0F0;
}
.blue{
	color:#00F;
}

/*----- link -----*/
/*default*/
a{
	color:#921515;
}
a:link{
	color:#921515;
}
a:hover{
	color:#c83b3b;
}
a:visited{
	color:#c83b3b;
}
a img {
   border-style:none;
}


/*----- <hx> -----*/
h1 {
}
h2 {
	
}
h3 {
	margin-top:10px;
	margin-bottom:20px;
	font-size:1.5em;
	color:#054dac;
}
h4 {
}
h5 {
}
h6 {
}

/*----- <p> -----*/
p{
	padding-bottom:15px;
}

blockquote {
	
}
blockquote p {
	
}

/*----- <ul><dl>etc -----*/
ul {
}
ul li {
}

dl {
}
dl dt {
	font-weight:bold;
}
dl dd{
}
ol {
}
ol li {
}


/*----- <table> -----*/
table {
	width:100%;
	border-collapse: separate;
	border-spacing:5px;
}
th {
	font-weight:bold;
	padding:5px;
	border:1px solid #9CF;
	background-color:#9CF;
	width:12%;
}
td {
	padding:5px;
	border-bottom:1px solid #9CF;
	width:38%;
}


/*----- other -----*/


/*-------------------------------------------------
 layout
-------------------------------------------------*/
/*--- header -----*/
#header {
	height:80px;
}
#header_inner {
}

/*--- groval_navigation -----*/
#groval_nav {
	height:60px;
	background-image:url(../images/layout/belt_blue.gif);
	background-repeat:repeat-x;
	background-position:center top;
}
#groval_nav_inner {
	width: 711px;
	margin-right:auto;
	margin-left:auto;
}

/*----- eyecatch -----*/
#eyecatch {
	height:310px;
	background-image:url(../images/layout/bg_herringbone.gif);
	background-repeat:repeat;
	background-position:center top;
}

#eyecatch_inner {
	
}
#slider {
	height:310px;
	width:950px;
}

/*----- contents -----*/
#contents {
	margin-top:50px;
	margin-bottom:50px;
}
#contents_inner {
}

	/*----- category -----*/
	#contents_inner div.category {
		margin-top:10px;
		margin-bottom:40px;
	}
	#contents_inner h2.category_title {
		height:230px;
		margin:0;
		padding:0;
	}
	#contents_inner div.category_view_area {
		border-left:1px solid #efefef;
		border-right:1px solid #efefef;
		border-bottom:1px solid #efefef;
		padding-left:9px;
		padding-right:9px;
		padding-bottom:14px;
		background-color:#ffffff;
		margin:0;
	}
		#contents_inner div.category_view_area .plain_area{
			width:870px;
			margin-left:auto;
			margin-right:auto;
			padding-top:20px;
			padding-bottom:20px;
		}
		#contents_inner div.category_view_area div.category_footer{
			border-top:1px dashed #1564cc;
			padding-top:15px;
		}

img.order_flow {
	border-radius:6px 6px 6px 6px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.2);
}

/*----- bottom -----*/
#bottom {
	padding-top:25px;
	padding-bottom:25px;
	background-image:url(../images/layout/bg_herringbone.gif);
	background-repeat:repeat;
	background-position:center top;
	color:#ffffff;
}
#bottom_inner {
	
}
	#bottom_inner a {
		color:#ffffff;
	}
	#bottom_inner a:hover {
		color:#aaddff;
	}


/*----- footer -----*/
#footer {
	height:60px;
	background-image:url(../images/layout/belt_blue.gif);
	background-repeat:repeat-x;
	background-position:center top;
	color:#ffffff;
}
#footer_inner {
	padding-top:20px;
}


/*----- sprite -----*/
/*background: url(../images/layout/foo.png) no-repeat top left;*/