@charset "utf-8";
/*===== CSS RESET =====*/

html,body,div,span,object,
iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,
address,cite,code,del,dfn,img,
ins,kbd,q,s,samp,strike,tt,var,
dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,
tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,
audio,video,input,textarea,select{
	outline:none;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0
}
table{
	border-collapse:collapse;
	border-spacing:0
}
.clear{
	clear:both
}
ul, ol {list-style: none;}

html{
	-webkit-text-size-adjust:none;
	overflow-y:scroll;
	background-color:#edf9ff;
}


/*===== COMMON =====*/


html, body {
	width: 100%;
	min-height: 100%;
}

body {
	font-size: 16px;
	font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #333333;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
}
@media (max-width: 480px){
	body {
		font-size: 14px;
		font-size: 14px;
	}
}

a {
	color: #339;
	text-decoration: none;
}
a:hover{
	color:#c33 !important;
	text-decoration:underline;
}

img{
	vertical-align:middle;
	width:100%;
	height:auto;
}
.trans {
	opacity: 1;
}
.trans:hover,
.trans:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: .85;
}
.container{
	max-width: 980px;
	margin: 0 auto;
}
.debug {position:fixed;background:red;color:#fff;z-index:9999}


/*===== COMMON =====*/

.header .header_inner,
.wrapper .wrapper_inner,
.footer .footer_inner{
	max-width:940px;
	min-width:300px;
	margin:0 auto;
	padding:10px;
}

.wrapper{
	background-size: 100%;
}

.content,
.comment{
	width:960px;
	margin:0 auto;
}
.content_sp,
.comment_sp{
	display:none;
	width:320px;
	margin:0 auto;
}
.content_sp{
	width:100%;
}

.comment,
.comment_sp{
	width:100%;
	position:fixed;
	bottom:0;
	background-color:#eee;
	border-top:solid 1px #aaa;
	box-shadow:0px -3px 3px #eee;
}
.comment img,
.comment_sp img{
	margin:0 auto;
	display:block;
}
.comment img{
	width:960px;
}
.comment_sp img{
	width:320px;
}
@media(max-width:480px){
	.tablet{display:none;}
	.content_sp,.comment_sp{display:block;}
}


/* ===========================
	 accordion area start
=========================== */

.accordion_head{
	cursor:pointer;
}



/* # clearfix 20130807 Add */
.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.clearfix{
display:inline-table;
min-height:1%;
}
/* for macIE \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* end of for macIE */