@charset "utf-8";



body#index{

/*
	background-attachment: fixed;
	background-size: cover;
*/
	background:url(../img/index/top_back_picS.jpg) no-repeat 160px top;
	background-color:#FFFEF1;
}




/* :top page header
---------------------------------------------------- */

#siteHeader{
	width:100%;
	height:400px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#siteHeader #inner{
	width:520px;
	margin:0 auto;
	padding:0 ;
	position:relative;
}

#siteHeader #sign {
	position:absolute;
	top:117px;
/*	left:465px;*/
	left:180px;
	width:350px;
	height:103px;
	display:block;
	font:0px/0px sans-serif;
	margin:0;
	padding:0;
	background:url(../img/index/top_title.png) no-repeat 0 0;
}
#siteHeader #location {
	position:absolute;
	top:220px;
/*	left:451px;*/
	left:166px;
	width:378px;
	height:32px;
	display:block;
	font:0px/0px sans-serif;
	margin:0;
	padding:0;
	background:url(../img/index/top_access.png) no-repeat 0 0;
}

#siteHeader #address {
	position:absolute;
	top:30px;
/*	left:365px;*/
	left:80px;
	width:520px;
	height:58px;
	display:block;
	font:0px/0px sans-serif;
	margin:0;
	padding:0;
	background:url(../img/index/top_address.png) no-repeat right bottom;
}
#siteHeader #pitch {
	position:absolute;
	top:272px;
/*	left:365px;*/
	left:80px;
	width:540px;
	height:80px;
	display:block;
	font:0px/0px sans-serif;
	margin:0;
	padding:0;
	background:url(../img/index/top_pitch.png) no-repeat right bottom;
}



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



/* symptoms banners
---------------------------------------------------- */
#symptomsList {
width:790px;
margin:0 auto;
padding:14px 0;
}

#symptomsList .symptom {
	width:260px;
	float:left;
	margin:6px 5px 0 0;
	padding:0;
	text-align:center;
}
#symptomsList .r {
	margin-right: 0;
}

#symptomsList .symptom h2 { color:#fff; font-size:16px; font-weight:777; line-height:1.0; padding:20px 0 0 20px; }
#symptomsList .symptom h2 > span { font-size:13px; }
#symptomsList .symptom .fbody { width:144px; padding:0 0 0 15px; line-height: 1.3em; text-align:left; color:#804E19; max-height:80px; }
#symptomsList .symptom #alcohol1 { background:url(../img/index/top_to_alcohol.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #alcohol2 { background:url(../img/index/top_to_alcohol2.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #alcohol5 { background:url(../img/index/top_to_alcohol5.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #depression { background:url(../img/index/top_to_depression.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #morita { background:url(../img/index/top_to_morita.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #schizophrenia { background:url(../img/index/top_to_schizophrenia.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #fear_meet_people { background:url(../img/index/top_to_fear_meet_people.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #panic { background:url(../img/index/top_to_panic.png) no-repeat center bottom; width:260px; height:94px;}
#symptomsList .symptom #publish { background:url(../img/index/top_to_publish.png) no-repeat center bottom; width:260px; height:94px;}

#symptomsList .symptom .green .ttl { background:url(../img/index/frame_ttl_green.png) no-repeat 0 0; width:260px; height:56px;}
#symptomsList .symptom .beige .ttl { background:url(../img/index/frame_ttl_beige.png) no-repeat 0 0; width:260px; height:56px;}
#symptomsList .symptom .blue .ttl { background:url(../img/index/frame_ttl_blue.png) no-repeat 0 0; width:260px; height:56px;}
#symptomsList .symptom .orange .ttl { background:url(../img/index/frame_ttl_orange.png) no-repeat 0 0; width:260px; height:56px;}
#symptomsList .symptom .purple .ttl { background:url(../img/index/frame_ttl_purple.png) no-repeat 0 0; width:260px; height:56px;}
#symptomsList .symptom .bamboo .ttl { background:url(../img/index/frame_ttl_bamboo.png) no-repeat 0 0; width:260px; height:56px;}
#symptomsList .symptom .gray .ttl { background:url(../img/index/frame_ttl_gray.png) no-repeat 0 0; width:260px; height:56px;}


#news p {
margin: 0em;
}



/* Responsive max-width: 480px
--------------------------------------------------------- */

@media screen and (max-width: 480px){

body#index {
   background-image:none;
    background-color: #fffef1;
}

#content{
	width:100%;
}

#siteHeader{
	width:100%;
	height:392px;
	background-image:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#siteHeader #inner {
	width:100%;
	background:url(../img/index/top_back_picS.jpg) no-repeat -42px -32px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#siteHeader #inner h1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#siteHeader #sign {
	position:static;
	width:270px;
	height:94px;
	display:block;
	font:0px/0px sans-serif;
	margin:0 auto;
	padding:0;
	background:url(../img/index/sp_top_title.png) no-repeat 0 0;
}

#siteHeader #location {
	display:none;
}
#siteHeader #address {
	position:static;
	width:200px;
	height:66px;
	display:block;
	font:0px/0px sans-serif;
	margin:0 auto;
	padding:0;
	background:url(../img/index/sp_top_address.png) no-repeat 0 0;
}
#siteHeader #address a {
	width:200px;
	height:25px;
	display:block;
	font:0px/0px sans-serif;
	margin:41px 0 0;
	padding:0;
	text-align:left;
}
#siteHeader #pitch {
	position:static;
	width:280px;
	height:144px;
	display:block;
	font:0px/0px sans-serif;
	margin:12px auto 0;
	padding:0;
	background:url(../img/index/sp_top_pitch.png) no-repeat 0 0;
}



/* :top page pitch
---------------------------------------------------- */



/* aymptons banners
---------------------------------------------------- */
#symptomsList {
width:100%;
padding:14px 0;
}

#symptomsList .symptom {
	float:none;
	margin:3px auto 0;
}
#symptomsList .r {
	margin-right: auto;
}
#symptomsList .symptom h2 { color:#fff; font-size:16px; font-weight:777; line-height:1.0; padding:19px 0 0 12px; }




}