/* 共通 */
* {
	margin: 0;
	padding: 0;
}
body {
	padding-bottom: 20px;
	color: #666;
	font-size: 11px;
	line-height: 1.3;
	background:url(../../story/images/column_topline.gif) repeat-x center top;
}
img {
	vertical-align: bottom;
	border:	0;
}
a{
	text-decoration: none;
	color: #666;
}
a:hover{color: #339999;}
a img {border: none;}
input.btn {vertical-align: bottom;}
br{letter-spacing: normal:}
#header {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}
#wrapper {
	padding-top: 40px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	position:relative;
}
#footer {
	clear: both;
	background: #C7C2B8 url(../../y-common/images/footer_copy.gif) no-repeat right;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
}
/* ここまで共通 */
#onlineTag {
width:160px;
height:108px;
position:absolute;
top:0;
right:0;
background:url(../../story/images/logo_bg.gif) repeat-x center top;
}
#onlineLogo a {
display:block;
width:120px;
height:64px;
background:url(../../story/images/logo.gif) no-repeat;
margin:18px 0 0 22px;
}
#onlineLogo span {display:none;}


/* ヘッダー指定 */
#header h1 {
	float: left;
	background: url(../../y-common/images/header_logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 188px;
	height: 40px;
}
#header h1 a {
	display: block;
	text-decoration: none;
	height: 40px;
}
#header ul {
	margin-left: 470px;
	padding-top: 0;
	width: 370px;
}
#header li {
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
}
#header li.link { background: url(../../y-common/images/header_link1.gif) no-repeat; width: 42px; }
#header li.contact { background: url(../../y-common/images/header_contact1.gif) no-repeat; width: 108px; }
#header li.about { background: url(../../y-common/images/header_about1.gif) no-repeat; width: 98px; }
#header li.envelope { background: url(../../y-common/images/header_envelope1.gif) no-repeat; width: 120px; }
#header li a {
	display: block;
	text-decoration: none;
	height: 30px;
}
#header li.link a:hover { background: url(../../y-common/images/header_link2.gif) no-repeat; }
#header li.contact a:hover { background: url(../../y-common/images/header_contact2.gif) no-repeat; }
#header li.about a:hover { background: url(../../y-common/images/header_about2.gif) no-repeat; }
#header li.envelope a:hover { background: url(../../y-common/images/header_envelope2.gif) no-repeat; }




/* コンテンツページ指定 */

/* Global navi指定 */
#navi {
	text-align: left;
	height: 35px;
	float: left;
	padding: 20px 0 40px 0;
}
#navi li {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	height: 35px;
}
#navi li.blog { background: url(../../y-common/images/gn03a.gif) no-repeat; width: 111px; }
#navi li.mhk{ background: url(../../y-common/images/gn02a.gif) no-repeat; width: 111px; }
#navi li.story { background: url(../../y-common/images/gn01a.gif) no-repeat; width: 111px; }
#navi li a {
	display: block;
	text-decoration: none;
	height: 35px;
}
#navi li.blog a:hover { background: url(../../y-common/images/gn03b.gif) no-repeat; }
#navi li.mhk a:hover { background: url(../../y-common/images/gn02b.gif) no-repeat; }
#navi li.story a:hover { background: url(../../y-common/images/gn01b.gif) no-repeat; }
#onlinelogo{
	float: right;
}
#onlinelogo h2 {
	background: url(../../y-common/images/envelope_logo.gif) no-repeat; 
	width: 170px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
}
#onlinelogo h2 a {
	display: block;
	text-decoration: none;
	height: 47px;
}
/* コンテンツ指定 */

/* コンテンツ共通 */
#contents {
	clear: both;
	width: 850px;
	margin-bottom: 1.5em;
}
p.paragraph01 {
	text-align: center;
	width: 850px;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 1.5em;
}

/* contact us　ページ指定 */
h3.contactus { 
	background: url(../../contactus/images/title.gif) no-repeat;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	height: 22px;
	margin-bottom: 1.5em;	
}
#contactus {
	width: 850px;
	margin: 10px 0 20px 0;
}

/* contactus table指定 */
#contactus table{
	border-collapse: collapse;
	width: 510px;
	border: 1px solid #999999;
	margin: 0 0 35px 172px;
}
#contactus td.finding{
	text-align: left;
	font-size: 12px;
	border: 1px solid #999999;
	padding: 5px;
	background-color:	#E7E7E7;
	width: 150px;
}
#contactus td.contents{
	text-align: left;
	font-size: 12px;
	border: 1px solid #999999;
	padding: 5px;
}

/* link ページ指定 */

/* mhk ページ指定 */
#mhk {
	width: 850px;
}
h3.mhk {
	width: 850px;
	margin-bottom: 1em;
	text-align: center;	
}
#mhk #index p { 
	width: 700px;
	margin: 0 0 0 70px;
	padding: 5px;
	background: #E2E0DC;
	text-align: left;
	text-indent: 18em;	
}
#mhk #index a{
	text-decoration: none;
	color: #666;
}
#mhk #index a:hover{
	color: #339999;
}
#mhk #paragragh01 {
	width: 823px;
	padding: 0 0 0 27px;
}
#mhk #paragragh02 {
	width: 745px;
	margin-left: 52px;
}
#mhk #paragragh03 {
	width: 615px;
	margin-left: 50px;
}
#mhk .caption {
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}
#mhk .SS{
	font-size: 10px;
	line-height: 1.5;
}
#mhk .S{
	font-size: 11px;
	line-height: 1.5;
}
#mhk .M{
	font-size: 12px;
	line-height: 1.5;
}
#mhk .L{
	font-size: 14px;
	line-height: 1.5;
}

/* story ページ指定 */
#story {
	width: 700px;
	margin: 10px 0 20px 75px;
}
#story h3 {
	width: 700px;
	height: 80px;
	margin-bottom: 1em;
}
#story .story { 
	width: 700px;
	margin: 0 0 20px 0;	
}
#story .story02 {
	width: 625px;
margin: 0 0 0 38px;
}
#story .story03 {
	width: 660px;
	margin: 0 0 0 20px;
}
#story .story04 {
	width: 660px;
	padding: 20px;
}
#story table{
	border-collapse: collapse;
}
#story a{
	text-decoration: none;
	color: #666;
}
#story a:hover{
	color: #339999;
}
#story a.contents{
	text-decoration: none;
	color: #339999;
}
#story a.contents:hover{
	color: #666;
}
#story .S{
	text-align: left;
	font-size: 11px;
	line-height: 1.5;
}
#story .Sr{
	text-align: right;
	font-size: 11px;
	line-height: 1.5;
}
#story .M{
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}
#story .L{
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
}
#story #tunagu11 {
	width: 660px;
	margin-left: 20px;
}
#story #tunagu11 #left {
	width: 300px;
	height: 320px;  
	float: left;
	background: url(../../story/tunagu/11/images/img09.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#story #tunagu11 #right {
	width: 300px;
	height: 280px;  
	float: right;
	background: url(../../story/tunagu/11/images/img10.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
}
#story #tunagu11 #center {
	clear: both;
	width:300px;
	height:280px;
	background: url(../../story/tunagu/11/images/img11.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-left:175px;
}

/* 編集後記 ページ指定 */
#blog {
	width: 850px;
	margin: 10px 0 20px 0;
}
#blog #list { 
	width: 700px;
	margin: 0 0 20px 55px;
	padding: 20px;
	background: #F4E9DD;
	text-align: left;	
}
#blog #list a{
	text-decoration: none;
	color: #666;
}
#blog #list a:hover{
	color: #339999;
}


/* press ページ指定 */
h3.press { 
	background: url(../../press/images/title.gif) no-repeat;
	width: 40px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	height: 22px;
	margin-bottom: 0.2em;	
}
#press {
	width: 850px;
}
h3.press {
width: 850px;
	margin-bottom: 1em;
	text-align: center;	
}
#press #index p { 
	width: 700px;
	margin: 0 0 0 70px;
	padding: 5px;
	background: #E2E0DC;
	text-align: left;
	text-indent: 10em;	
}
#press #index a{
	text-decoration: none;
	color: #666;
}
#press #index a:hover{
	color: #339999;
}
#press .M{
	font-size: 12px;
	line-height: 1.5;
}

/* event ページ指定 */
#event {
	width: 700px;
	margin-left:70px;
}
h3.event { 
	background: url(../../event/images/title_event.gif) no-repeat;
	width: 40px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	height: 22px;
	margin-bottom: 0.2em;	
}
h3.eventother { 
	background: url(../../event/images/title_other.gif) no-repeat;
	width: 97px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	height: 22px;
	margin-bottom: 0.2em;	
}
#event .eventlist {
margin-bottom:60px;
}
#event .eventlist p,
#event .eventlist li { 
	width: 700px;
	margin: 0 0 10px 0;
	padding: 5px;
	background: #E2E0DC;
	text-align: left;
	text-indent: 10em;
	list-style:none;
	font-size: 12px;
	line-height: 1.5;	
}
#event .eventlist a{
	text-decoration: none;
	color: #666;
}
#event .eventlist a:hover{
	color: #339999;
}