@charset 'utf-8';

/* @group base */

*{
	margin: 0;
	padding: 0;
}

li{
	list-style-type: none;
}

a {
	color: #0089bc;
	text-decoration: none;
}

a:visited{
	color: #005e81;
	text-decoration: none;
}

a:hover{
	color: #25a2dd;
	text-decoration: underline;
}

a:active{
	color: #d6007e;
	text-decoration: underline;
}

body{
	background:url(../images/sh_bg.gif) repeat-x #FFF;
}

body.wood{
	background:url(../images/sh_bg_wood.jpg) top center no-repeat #FFF;
}

a img{
	border: 0;
}

#contents,#header,#footer{
	margin: 0 auto;
}

#header{
	width: 900px;
}

#contents{
	width: 900px;
	margin-bottom: 40px;
}

#contents h3{
	margin: 10px 0 20px 30px;
	width: 300px;
}

#back{
	float: right;
	width: 50px;
	margin: 20px 20px 0 0;
}

.news #back{
	margin-right:0;
}

#footer{
	width: 880px;
	text-align: right;
}

/* @group clear */

#contents,
#contents.news #textArea .entryTitle,
#contents.news #textArea .entryList,
#movieArchives{
	overflow: hidden;
}

#contents:after,
#contents.news #textArea .entryTitle:after,
#contents.news #textArea .entryList:after,
#movieArchives:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

*html #contents,
*html #contents.news #textArea .entryTitle,
*html #contents.news #textArea .entryList,
*html #movieArchives{
	/* hide IE-mac ´*/ height: 1%; overflow: visible; /* hide IE-mac End */
}


/* @end */



/* @end */

/* @group link */

#contents.link li{
	width: 390px;
	float: left;
	margin: 0 0 0px 40px;
	line-height: 2.5em;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-family: Georgia,Times,serif;
	font-size:0.8em;
}


#contents.link a{
	color: #000;
}



/* @end */

/* @group familiar */

#contents.familiar h4{
	margin-bottom: 5px;
}

#contents.familiar li{
	margin-bottom: 0px;
	line-height: 2.5em;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-family: Georgia,Times,serif;
	font-size:0.8em;
}

#contents.familiar a{
	color: #000;
}

#fami_surfers,#fami_others{
	width: 390px;
	float: left;
	margin: 0 0 0 40px;
	display: inline;
}

#contents.famiDetail #textArea{
	margin: 0 0 0 40px;
	width: 350px;
	display: inline;
}

#contents.famiDetail #textArea h4{
	height: 42px;
}

#contents.famiDetail #textArea p{
	font-size: 0.875em;
	margin: 0 0 1em 0;
	line-height: 1.7;
	color: #222;
}

#contents.famiDetail #flashArea{
	margin: 0 0 0 30px;
	width: 450px;
}

#contents.famiDetail #textArea,
#contents.famiDetail #flashArea{
	float: left;
}



/* @end */

/* @group history */

#contents.history #textArea p{
	font-size: 0.8em;
	margin: 0 0 1em 0;
	line-height: 1.5;
	color: #222;
	font-family:"Times New Roman","ＭＳ 明朝",serif;
}

#contents.history #textArea p em{
	color: #e16210;
	font: 1.2em;
}

#contents.history{
	background: url(../history/images/visual.jpg) top right no-repeat;
	min-height: 640px;
}

#contents.history #textArea{
	width: 460px;
	margin-left: 40px;
}



/* @end */

/* @group news */

#contents.news #textArea{
	width: 620px;
	margin: 0 0 0 40px;
	float: left;
}

#contents.news #textArea p{
	font-size: 0.875em;
	margin: 0 0 1em 5px;
	line-height: 1.7;
	color: #222;
}

#contents.news #textArea .entryTitle{
	/*background: url(../news/images/h4_bg.gif) no-repeat;*/
	padding-bottom: 2px;
	border-bottom: solid 1px #EEE;
}

#contents.detail #textArea .entryTitle{
	margin-bottom:1em;
}

#contents.news #textArea .entryList{
	margin-bottom: 20px;
}

#contents.news #textArea h4{
	font-family:"Times New Roman","ＭＳ 明朝",serif;
	font-size: 1.25em;
	font-weight: normal;
}

#contents.news #textArea h5{
	float: right;
	margin-top: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#contents.detail #textArea h5{
	float: none;
	font-size: 0.9em;
	margin: 0 0 1.5em 0;
}

#contents.news #archives{
	width: 160px;
	float: left;
	margin: 0 0 0 40px;
}

#contents.news #archives h4{
	margin: 0 0 10px 0px;
}

#contents.news #archives li{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-left: 2px;
}

#contents.news p.more{
	text-align: right;
	margin-top: 0.5em;
}
/* @end */

/* @group press */

#contents.press{
	width: 100%;
	margin-bottom: 40px;
}

#contents.press #pressTitle{
	margin: 0 auto;
}

#contents.press .pressNavi{
	border: solid 1px #BBB;
	background: #FFF;
	padding: 2px;
	width: 250px;
}


/* @end */

/* @group movies */
/*追記分*/
#contents.movies.frame{
	width: 840px;
	margin: 0;
}

/*ここまで追記分*/
#contents.movies .movieBox{
	background: url(../movies/images/backg.jpg);
	width: 810px;
	padding: 15px;
	text-align: center;
	margin: 15px 0 0 30px;
}

#contents.movies .movieDesc{
	text-align: left;
	margin-top: 10px;
}

#contents.movies .movieDesc h5{
	font: bold 1em Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 0.3em;
	color: #FFF;
	text-transform: uppercase;
}

#contents.movies .movieDesc p{
	font-size: 0.75em;
	color: #FFF;
}

#movieArchives{
	width: 820px;/*840*/
	margin:0px 0 0 30px;
}

#movieArchives h5{
	margin:0px 0 10px 0;
}

#movieArchives .movieThumb{
	width: 395px;/*405*/
	margin: 0 0 10px 15px;
	float: left;
}

#movieArchives h6{
	font: bold 1em Helvetica, Arial, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}

#movieArchives p{
	font-size: 10px;
}

#movieArchives .thumb{
	width: 136px;
	float: left;
}
#movieArchives .thumb a img{
	border: solid 1px #CCC;
}
#movieArchives .thumb a:hover img{
	border: solid 1px #25a2dd;
}

/* @end */