
body	{
	min-width:1000px;
	margin:0;
	padding:0;
	background:url(../image/bg.jpg);
	font-family:'游ゴシック体','Yu Gothic','ヒラギノ角ゴシック ProN','Hiragino Kaku Gothic ProN''メイリオ','Meiryo',sans-serif;
	}

*	{color:#555555;}
a	{
	outline:none;
	text-decoration:none;
	color:#ffc22e;
	}

a:hover	{color:#aaaaaa;}

img	{border:0;}


/* basic----------------------------------------------------------------- */
#wrap	{
	width:1000px;
	margin:0 auto;
	}

#head	{
	z-index:1;
	height:450px;
	background:url(../image/head.jpg) no-repeat;
	box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	}

#foot {
	height:150px;
	background:url(../image/foot.jpg) no-repeat;
	}


/* list----------------------------------------------------------------- */
#g_list {
	z-index:0;
	margin-bottom:40px;
	padding:20px 25px 50px 5px;
	background-color:#ffffff;
	box-shadow:2px 10px 10px  rgba(0,0,0,0.2);
	}
#g_list:after {content:"";clear:both;display:block;}

#g_list li {
	float:left;
	margin:15px 0 0 20px;
	width:170px;
	height:170px;
	overflow:hidden;
	border-radius:5px;
	list-style:none;
	}
#g_list li img {transition:0.3s;}
#g_list li a img:hover {opacity:0.5;}

#g_list #os {
	display:inline-block;
	width:938px;
	margin:30px 0 0 20px;
	padding:18px 0 16px;
	background-color:#ffc22e;
	border:1px solid #fff;
	border-radius:5px;
	color:#ffffff;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	transition:0.4s;
	}

#g_list a #os:hover {
	border:1px solid #ffc22e;
	background-color:#fff;
	color:#ffc22e;
	}

/* info----------------------------------------------------------------- */
#info	{
	margin-bottom:40px;
	padding:20px 30px 30px;
	border-radius:5px;
	background-color:#ffffff;
	box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	}

#info dl:after {content:"";clear:both;display:block;}

#info dt {
	float:left;
	width:440px;
	letter-spacing:2px;
	}
#info dt h1 {
	margin:24px 0 24px 0;
	font-size:24px;
	}
#info dt h2,#event h2 {
	margin-left:24px;
	font-size:18px;
	}
#info dt p,#event p {
	margin:4px 0 18px 46px;
	font-size:15px;
	}
#info dt p m {font-size:11px;}
#info dd {
	float:left;
	width:500px;
	}


/* event---------------------------------------------------------------- */
#event {
	margin-bottom:40px;
	padding:20px 30px 50px;
	border-radius:5px;
	box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	background-color:#ffffff;
	letter-spacing:1px;
	}

#event h1 {
	margin:12px 0 18px 0;
	padding:11px 10px 7px;
	background-color:#ffc22e;
	border-radius:3px;
	color:#ffffff;
	font-size:26px;
	}

#event p {line-height:1.4em;}
#event p m {font-size:12px;}

#event .btn {
	display:inline-block;
	margin:0 0 20px 45px;
	padding:13px 15px 9px;
	border-radius:5px;
	background-color:#ffc22e;
	color:#ffffff;
	font-weight:bold;
	transition:0.4s;
	}

#event a .btn:hover {
	background-color:#ff5e82;
	color:#ffffff;
	}

#event ul {
	margin:4px 0 18px 60px;
	font-size:14px;
	line-height:1.4em;
	}


/* goods----------------------------------------------------------------- */
.g_goods,.c_goods,.e_goods,.r_goods {
	width:940px;
	margin:0 auto 40px;
	padding:20px 30px 40px;
	background-color:#fff;
	box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	letter-spacing:1px;
	}
.g_goods:after,.c_goods:after,.e_goods:after,.r_goods:after {content:"";clear:both;display:block;}

.g_goods h1,.c_goods h1,.e_goods h1,.r_goods h1 {
	display:block;
	margin-bottom:15px;
	padding:12px 10px 10px 30px;
	border-radius:3px;
	color:#ffffff;
	font-size:28px;
	line-height:32px;
	}

.g_goods img,.c_goods img,.e_goods img,.r_goods img {
	float:left;
	max-width:448px;
	margin-left:30px;
	}

.g_info,.c_info,.e_info,.p_info,.r_info {
	float:left;
	margin:0 30px 0 15px;
	padding-left:15px;
	border-left:1px dashed #48b4ff;
	word-break:break-all;
	}

.g_info,.c_info,.e_info,.r_info {
	width:399px;
	min-height:450px;
	}

.p_info {
	width:399px;
	min-height:350px;
	}

.g_info h2,.c_info h2,.e_info h2,.p_info h2,.r_info h2 {
	display:block;
	margin-bottom:15px;
	padding:7px 20px 5px 10px;
	border-radius:3px;
	color:#ffffff;
	font-size:18px;
	}

.g_info ul,.c_info ul,.e_info ul,.p_info ul,.r_info ul {
	margin:0 0 14px 32px;
	font-size:14px;
	font-weight:bold;
	}

.g_info ul li,.c_info ul li,.e_info ul li,.p_info ul li,.r_info ul li {
	margin-bottom:7px;
	}

.g_info ul li.toc,.c_info ul li.toc,.e_info ul li.toc,.p_info ul li.toc,.r_info ul li.toc {
	text-indent:-2em;
	list-style:none;
	}

.g_info p,.c_info p,.e_info p,.p_info p,.r_info p,.g_info dl,.c_info dl,.e_info dl,.p_info dl,.r_info dl {
	margin:0 0 15px 15px;
	font-size:14px;
	line-height:20px;
	}
.g_info p b {
	color:#777;
	font-size:20px;
	}
.g_info p r {
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0px;
	}
.g_info img {
	margin:0 0 15px 15px;
	}

.g_info dl:after,.c_info dl:after,.e_info dl:after,.p_info dl:after,.r_info dl:after {content:"";clear:both;display:block;}
.g_info dl dt,.c_info dl dt,.e_info dl dt,.p_info dl dt,.r_info dl dt {
	float:left;
	clear:left;
	font-weight:bold;
	}
.g_info dl dd,.c_info dl dd,.e_info dl dd,.p_info dl dd,.r_info dl dd {float:left;}

.e_info .btn {
	display:inline-block;
	margin:0 0 20px 0;
	padding:15px 19px 11px;
	border:1px solid #ff5e82;
	border-radius:5px;
	background-color:#ffffff;
	color:#ff5e82;
	font-size:22px;
	font-weight:bold;
	transition:0.4s;
	}
.e_info a .btn:hover {
	background-color:#ff5e82;
	color:#ffffff;
	}

.e_info ul {
	margin:0 0 20px 30px;
	line-height:20px;
	}
.e_info ul li {margin-bottom:7px;}

.g_info p b,.c_info p b,.e_info p b,.r_info p b {
	color:#777;
	font-size:20px;
	}

.g_goods h1,.g_info h2,.p_info h2 {background-color:#ffc22e;}
.g_goods img {border:1px solid #ffc22e;}
.g_info,.p_info {border-left:1px dashed #ffc22e;}

.c_goods h1,.c_info h2 {background-color:#f86d9d;}
.c_goods img {border:1px solid #f86d9d;}
.c_info {border-left:1px dashed #f86d9d;}
.c_info img {
	width:200px;
	margin:0 0 0 10px;
	border:none;
	transition:0.3s;
	}
.c_info a img:hover {opacity:0.5;}

.e_goods h1,.e_info h2 {background-color:#ff5e82;}
.e_goods img {border:1px solid #ff5e82;}
.e_info {border-left:1px dashed #ff5e82;}

.r_goods h1,.r_info h2 {background-color:#6ad0ff;}
.r_goods img {border:1px solid #6ad0ff;}
.r_info {border-left:1px dashed #6ad0ff;}


/* return-------------------------------------------------------------- */
#return {
	position:fixed;
	right:10px;
	}

#return a {
	display:block;
	width:80px;
	height:80px;
	background-color:rgba(175,175,175,0.6);
	background-image:url(../image/return.png);
	background-repeat:no-repeat;
	border-radius:5px;
	transition: 0.3s;
   -mox-transition: 0.3s;
-webkit-transition: 0.3s;
	}
#return a:hover {background:#ffc22e;
	background-image:url(../image/return.png);
	background-repeat:no-repeat;
	}


