@charset "utf-8";


/* =============================
container
============================= */
body #page{
	width:78%;
	margin:0 auto;
}

.no-boerder{
	border-style:none !important;	
}

section,aside{
	width:100%;
	padding:0px;
	margin:0px;
}


/* ------------------------ */
/* ヘッダ･フッタ */


#header,#footer{
	width: 100%;  
	height: auto;
	padding:10px 0px;
}


.header-h1,
.header-ad{
	margin:-12px 0px 0px;
	width:62%;	
}

.header-ad img{
	max-height:75px;	
}

#footer{
	border-style:solid none none !important;
}

#header .wrapper,#footer .wrapper{
	width:78%;
	height:auto;
	margin:0px auto ;
	padding:0px;
}


#header .wrapper .rogo,#footer .wrapper .rogo{
	width:auto;
	height:auto;
}

#header .wrapper .rogo{
	width:30% !important;	
}



#header .outside-links span:after,
#header .outside-links a:after
{
	content:" / "	;
	text-decoration:none !important;
	display:inline-block;
	margin:0px 5px 0px;
	color:#fff;
}



#footer .wrapper .data-wrap{
	width:100%;
	height:auto;
	padding:0px 0px 10px 0px;
}

#footer .wrapper .data-wrap li{
	width:auto;
	margin:0px 10px 0px 0px;
}

nav.groval{
	width:78%;
	height:auto;
	margin:0 auto;
}

nav.groval ul{
	width:100%;
	height:auto;
	margin:0 auto;
}

nav.groval ul li{
	display:inline-block;
	width:auto;
	height:auto;
	padding:5px 15px;
	margin-right:5px;
	border-style:solid solid none solid;
	border-width:1px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	behavior: url(../ie-css3.htc);
	
}

nav.groval ul li a{
	display:block;
	width:100%;
	height:100%;
}

.icons:before{
	margin:0px 7px 0px 0px !important;	
}

/* ヘッダ･フッタ */
/* ------------------------ */


/* ------------------------ */
/* パンくず */


.breadcrumbs-list{
	width:97%;
	margin:0px auto 10px;
}


.breadcrumbs-list li{
	display:inline;	
}

.breadcrumbs-list li.first:before{
	content:none !important;
}

.breadcrumbs-list li:before{
	content:" > ";
}

.breadcrumbs-list em{
	font-style:normal;
}


.breadcrumbs-list li a span{
	color:#00F;
}



/* パンくず */
/* ------------------------ */




/* ------------------------ */
/* offset */


#offset .num{
	width:65%;	
}

#offset .text{
	width:34%;
	margin:5px 0px 0px;
}



#offset .num a,#offset .num span,#offset .text a{
	width:auto;
	display:block;
	padding:1px 6px;
	border-style:dotted;
	border-width:1px;
	margin:0px 2px 0px 0px;
}

#offset .num a,#offset .num span,#offset .text a{
	margin:0px 5px 0px 0px !important;
}


/* offset */
/* ------------------------ */


/* ------------------------ */
/* 本文共通 */


section.page-body{
	width:100%;
}

div#article{
	width:78%;
	margin:0 auto;	
}


div#article #page-body{
	width:62%;
}

div#article #side-contents{
	width:36%;
}

#side-contents .field-wrap{
	width:100%;
	padding:10px 0px !important;	
}


#side-contents .field-wrap .wrapper{
	display:inline-block;
	width:96%;
}

.icons:before{
	margin:0px 7px 0px 0px !important;	
	border: 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(../ie-css3.htc);
	border-color:#E85298;
	background-color:#E85298;
	padding:2px 2px;
}


.icon-block span{
	width:93%;
	height:auto;
}

.data-wrap{
	width:96%;
	height:auto;	
	margin:0 auto;
}

.data{
	width:96%;
	margin:0 auto;
}




/* 本文共通 */
/* ------------------------ */

/* ------------------------ */
/* アフィリ */


.kaerebalink-box{
	padding:20px 10px 10px !important;
	border:1px dotted #666;	
}

.kaerebalink-box .shoplinkamazon a,
.kaerebalink-box .shoplinkrakuten a
{
	display:inline-block;
	font-size:14px;
	background:#F90;
	padding:2px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
}

.kaerebalink-box .shoplinkamazon a{
	margin:0px 5px 0px 0px;
}




/* アフィリ */
/* ------------------------ */