@charset "UTF-8";
/* CSS Document */



/* =======================================

	1:Base CSS

========================================== */

a:link{color:#993300; text-decoration:none;}
a:active{color:#993300; text-decoration:none;}
a:visited{color:#993300; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}

#links a:link{color:#fff; text-decoration:none;}
#links a:active{color:#fff; text-decoration:none;}
#links a:visited{color:#fff; text-decoration:none;}
#links a:hover{color:#fff; text-decoration:underline;}


/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* ========================================
	gHeader
======================================== */
/*PC*/

#gHeader {
	width:100%;
	height: 120px;
	background: url("/images/sys/header_bg.png") center top no-repeat;
}
#gHeader h1 {
	position: absolute;
	top: 104px;
	left: 310px;
}


/*SP*/
@media screen and (max-width:640px) {
#gHeader {height:60px; }
}


/* =======================================

	2:Block Layout

========================================== */

#contents_box{
	text-align:left;
	padding:0 35px 20px 35px;
	font-size: 14px;
}
/*SP*/
@media screen and (max-width:640px) {
#contents_box{
	padding:0 10px 20px 10px;
}
}

/* =======================================

	3:Header

========================================== */
#inside #header #logo{
	width:250px;
	height:51px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(../images/bg_header_logo.gif) no-repeat top;
}

#inside #header #logo a{
	display:block;
	width:300px;
	height:90px;
	text-indent:-3000px;
}


#inside #header #links{
	position:absolute;
	top:28px;
	left:541px;
	width:355px;
	font-size:10px;
	text-align:center;
	color:#fff;
}

#inside #header #links a{font-size:10px;}

/*---メニューボタン ------*/
#inside #header #gnavi{
	position:absolute;
	top:56px;
	left:0px;
	height:97px;
}
/*---メニューボタン[Sub] ------*/
#snavi1{
	width:160px;
	height:285px;
	position:absolute;
	left: 0px;
	top: 164px;
	visibility:hidden;
	z-index:4;
	overflow:hidden;
}

#snavi2{
	width:160px;
	height:114px;
	position:absolute;
	left: 160px;
	top: 164px;
	visibility:hidden;
	z-index:3;
	overflow:hidden;
}

#snavi3{
	width:160px;
	height:114px;
	position:absolute;
	left: 799px;
	top: 164px;
	visibility:hidden;
	z-index:3;
	overflow:hidden;
}

/* =======================================

	4:footer

========================================== */

#footer{
	position:relative;
	width:960px;
	height:115px;
	color:#fff;
	text-align:center;
	background:url(../images/bg_footer.jpg) no-repeat bottom;
	clear:both;
}

#footer #links{padding-top:60px;height:25px;color:#fff;}
#footer #links a{font-size:11px;}
#footer #copy{margin-top:10px; font-size:10px;color:#fff;}

/* =======================================

	5:contents[inside]

========================================== */

#contents_box h1{margin-bottom:20px;}

.about{margin:30px 80px;}
.about #poseimg{width:400px;float:left;}
.about #pose_menu{width:381px;float:right;}
.about #pose_menu a{
	display:block;
	width:108px;
	height:127px;
	float:left;
	border-left:19px solid #fff;
}

.product{margin:30px 30px 0;}

.product #list{width:768px;float:left;}
.product #list .goods_box{
	background:#fdeaec url(../product/images/cor_gbtm.jpg) no-repeat bottom right;
	width:241px;
	border-left:15px solid #fff;
	border-bottom:30px solid #fff;
	float:left;
}
.product #list .goods_box h2{
	font-size:12px;
	background:url(../product/images/cor_ttop.jpg) no-repeat top;
	line-height:1.1em;
}
.product #list .goods_box h2 a{
	font-size:12px;
	display:block !important;
	padding:7px 10px 7px 40px !important;
	background:url(../product/images/cor_tbtm.jpg) no-repeat bottom !important;
}

.product #list .goods_box p{font-size:10px;padding:10px;}
.product #list .goods_box span{font-size:10px;font-weight:bold;}
.product #sidemenu{width:132px;float:left;}
.product #sidemenu a{display:block;margin-bottom:7px;}
.product .goods_img{
	background:#fdeaec url(../product/images/cor_gtop.jpg) no-repeat top;
	padding:20px;
	text-align:center;
	height:225px;
}

.product #sidemenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:1em;
	padding-bottom:5px;
	background:url(../product/images/cor_sidemenu.jpg) no-repeat bottom;
}

.subset{background:url(../product/images/bg_sidemenu.jpg) repeat-y;margin-bottom:7px;}

.product .kari img{display:block !important; clear:both;margin-bottom:7px;}

.product #sidemenu ul li{
	padding:5px;
	background: url(../product/images/line_sidemenu.jpg) no-repeat bottom;
}

.product #sidemenu ul li.last{
	padding:5px 5px 2px;
	background:none;
}

.product #sidemenu ul li a{margin:0;text-indent:1em;color:#e1515d;}


/*.goods_wrap {border:1px solid #ffffff;
			background: url(http://araiguma-rascal.com/images/bk_goods_01.gif) repeat;
			}
*/

/*---記事設定 --------------------------------------------------------------------*/

.blog .entry_wrap{
	clear:both;
	margin:30px;
	background:url(../images/bg_entry.gif) repeat-y;
}

.blog .entry{
	background:url(../images/bg_entrybtm.gif) no-repeat bottom;
}

.blog .entry_wrap h2{
	background:url(../images/bg_entrytop.gif) no-repeat top;
	padding:30px 30px 5px;
	font-weight:bold;
	font-size:18px;
	color:#ee676e;
}

/* 個別記事へのリンク追加 --*/

.blog .entry_wrap h2 a:link{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap h2 a:active{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap h2 a:visited{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap h2 a:hover{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:underline;}

.blog .entry_wrap2 h2 a:link{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap2 h2 a:active{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap2 h2 a:visited{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap2 h2 a:hover{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:underline;}

.blog .entry_wrap3 h2 a:link{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap3 h2 a:active{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap3 h2 a:visited{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:none;}
.blog .entry_wrap3 h2 a:hover{color:#ee676e; font-size:18px; font-weight:bold; text-decoration:underline;}



/* 記事の日付 --*/
.ent_date {color:#ee676e;
           font-size:14px;
           font-weight:bold;
           text-align:right;
           width:100%;
           margin-bottom:12px;
           position:relative; top:-5px;
           }



.entry_line{display:block;margin: 0px 30px 10px;}
.entry_detail{margin:0px 30px 30px;}


/*モバイル設定追加--------------------------------- --*/
.entry_line3{display:block;margin: 0px 0px 10px;}
.entry_detail3{margin:0px 30px 0px;}

.entry_img{display:block;margin:0px 28px 30px 0px;float:left;}

.blog .entry table.event_info{
	text-align:left;
	margin-bottom:20px;
}

.blog .entry table.event_info th{
	width:100px;
	vertical-align:top;
	padding-top:5px;
}

.blog .entry table.event_info td{
	vertical-align:top;
	color:#ee676e;
	padding:5px;
}

.blog .entry p{margin-top:20px;color:#a05514;}

.blog .entry .right_box{width:560px;float:right;}

.blog .entry .movie_logo{
	width:280px;
	float:left;
}

.blog .entry .movie_logo p{
	text-align:center;
	margin:0px 20px 20px;
}

.blog .entry h3{color:#fff;margin:20px 0px; background-color:#cddcab;padding:5px;font-size:16px;}


/* カテゴリー追加のためのエリア分割--------------------------------------------------------------------*/

.blog #sidemenu{width:132px;float:left;}
.blog #sidemenu a{display:block;margin-bottom:7px; }

.blog #main_cont{width:820px; float:right;}


/* エントリー2追加--------------------------------------------------------------------*/
.blog .main_cont { float:right;}

.blog .entry_wrap2{
	margin:0px 20px;
	background:url(/images/bg_entry2.gif) repeat-y;
	width:780px;
}

.blog .entry2{
	background:url(/images/bg_entrybtm2.gif) no-repeat bottom;
}


.blog .entry_wrap2 h2{
	background:url(/images/bg_entrytop2.gif) no-repeat top;
	padding:30px 30px 5px;
	font-weight:bold;
	font-size:18px;
	color:#ee676e;
}

/* モバイル用エントリー3追加--------------------------------------------------------------------*/

.blog .entry_wrap3{
	margin:5px;
	background:url(/images/bg_entry3.png) repeat-y;
	width:390px;
	height:350px;
	float:left;
	potition:static;
}

.blog .entry_wrap3 h2{
	height:40px;
	padding:20px 20px 5px;
	font-weight:bold;
	font-size:18px;
	color:#ee676e;
}

.blog .entry_detail3 {height:190px;}
.entry_ext { width:140px; height:30px; position:relative; left:240px;}

.clog .clear { clear:both; }

/*アプリ情報*/
.appinfo {border:solid 1px #848484; padding:5px;}
.appinfo .appinfo_sub{color:#848484;}


/* イベント・ニュース用tableフォーマット--------------------------------------------------------------------*/

p.info-title {color:#804000; font-size:14px; font-weight:bold; }
table.information {
border-top:2px solid #643200;
border-bottom:1px solid #643200;
/*border-right:1px solid #643200;*/
/*border-left:1px solid #643200;*/
font-size:12px;
margin:2px;
}

table.information th, td {
margin-left:10px;
padding:3px 5px 3px 5px;
border-bottom:1px solid #643200;
}

colgroup.col01 {
 width:90px;
 background-color:#FFD9B3;
 }
.i-right {text-align:right; color:#B75B00; font-weight:bold; }




/*ニュース ボックス配置 */

div.box_left {width:300px; float:left;}
div.box_right {width:400px; float:right;}

p.clearposition {clear:both;}

/*グッズ注意書き追加*/
.tax_attend {border:solid 1px #888888; width:480px; height:34px; padding:5px; margin:0 auto;}
.tax_attend_txt {font-size:9pt; color:#888888; line-height:10pt;}


/* --------------------------------------------------------------------*/

.story{margin:0px 10px;}

#tab_set{
	height:28px;
	border-bottom:2px solid #85b81e;
	margin-bottom:20px;
}

.story .data img{display:block;width:120px;float:left;border-right:20px solid #fff;}
.story .data h2{margin-left:20px;font-size:16px;color:#f49f26;margin-bottom:10px;}

.story .data{margin:0 20px 20px; clear:both;}

/*
.chara{margin:30px 52px 10px 80px;}

.chara .chara_box{width:207px; float:left;}
.chara .chara_box p{width:180px;border-bottom:20px solid #fff;}
*/

.privacy , .attention{margin:50px 70px 0}

.privacy p{margin:0 20px 50px;}
.privacy h2{margin:0 20px;}

.attention p{margin:0 20px 30px;}
.attention h2{color:#fff;margin:10px 20px; background-color:#cddcab;padding:5px;font-size:16px;}
.attention h3{margin:10px 20px;}

.sitemap{margin:50px;}

.sitemap ul{
	list-style-position:inside;
}

.sitemap ul li{
	margin-top:10px;
	margin-left:20px;
	line-height:1em;
}

.contact{
	margin:30px 80px;
}

#pagenation{
	clear:both;
	text-align:center;
}

/*----------------------
Social(Twitter/FaceBook)
----------------------*/

div.social_area {position:relative; top:-30px;  }

ul.social {
list-style:none;
margin:0;
padding:0;
}

ul.social { width:200px; margin-right:10px; float:right; margin-top:5px; }
ul.social li { width:80px; float:left; margin-right:15px; }


/*----------------------
壁紙
----------------------*/

.fun_thums {width:300px; float:left; border:sokid 1px; margin:5px; }
.fun_wall {margin:5px; }
.fun_wall ul { list-style:none; margin:3px; }
.fun_wall ul li { margin:3px; }
.fun_clear {clear:both;}