@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

* {
	margin: 0;
	padding: 0;
}

html{
overflow:-moz-scrollbars-vertical;
}

textarea{
overflow:auto;
}

.link {
text-align:right;
}
.none {
border:none !important;
}

body {
	background:#ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*font-family: "Lucida Grande", Arial, Helvetica, sans serif;*/
	font-size: 12px;
	color: #333;
	line-height: 1.7em;
}

#wrapper {
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}
/*****header section CSS****************/
#header { }
#header h1 {
	font-weight:normal;
	font-size: 14px;
}
#header_logo {
	width: 600px;
	float: left; }
#header_magazine {
	width: 270px;
	float: right;
}
#magazine_nav {
	width: 135px;
	display:block;
	float: left;
	position:relative;
	top: 120px;
}
#mag_img {
	float: right;
}
/***navigation***/
#nav {
clear:both;
width: 1000px;
height: 48px;
padding-top: 10px;
}
.sprite {
background:url(../img/common/nav.gif);
}
#nav li a {
 width: 100px; 
 height: 47px; 
 display:block;
}
#nav li {
display:inline; 
float:left;
}
#nav li a span {
display:none;
}

#top { background-position:-2px -2px;}
#top:hover {background-position: -2px -50px; }
#teiki {background-position:-102px -2px;}
#teiki:hover {background-position: -102px -50px; }
#keijiban {background-position:-202px -2px;}
#keijiban:hover {background-position: -202px -50px; }
#post {background-position:-302px -2px;}
#post:hover {background-position: -302px -50px; }
#oyako {background-position:-402px -2px;}
#oyako:hover {background-position: -402px -50px; }
#osusume {background-position:-502px -2px;}
#osusume:hover {background-position: -502px -50px; }
#blog {background-position:-602px -2px;}
#blog:hover {background-position: -602px -50px; }
#mama_blog {background-position:-702px -2px;}
#mama_blog:hover {background-position: -702px -50px; }
#advertisement {background-position:-802px -2px;}
#advertisement:hover {background-position: -802px -50px; }
#contact {background-position:-902px -2px;}
#contact:hover {background-position: -902px -50px; }

/*****MAIN CONTENTS***********************************/
#main_contents {
	width: 1000px !important;
	clear:both;
	margin-top: 20px;
	display:block;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#internal_column1 {
	width: 300px;
	float: left;
}

#internal_column2 {
	float: left;
	margin-left: 20px;
	width: 680px;
	#width: 677px;
}
.column-wrap { position: relative;
display:block;
  }
.column-1 { margin-right: 600px;  
			height: 720px;}
.column-2 { position: absolute; 
			left: 316px; 
			top: 0px; 
			width: 335px;  
			}
.column-3 { position: absolute; 
			right: 0px; 
			#right: -20px; /**IE**/
			top: 0px; 
			width: 335px;  
			}
*:first-child+html .column-3 { /***IE7**/
	right: 0px;
}



#footer {
	width: 1000px;
	clear:both;
	text-align:center;
	color:black;
}
#footer a{
	text-decoration:underline;
	color:black;
}


	#news li {
		padding-left: 40px;
	}
	#new_item {
	background:url(/img/common/new_item.gif) no-repeat top left;
	}
	#mblogintro {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #666666;	
	font-size: 12px;
	}
	#mblog {
	
	}
	#mblog li {
	clear:both;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #666666;	
	}
	#mblog img {
	width: 70px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid #8A6231;	
	float: left;
	}
	
	.column_item {
		clear:both;
		margin-bottom: 10px;
	}
	.box {
		background:url(/img/common/box_bottom.gif) no-repeat 0 100%;
		padding-bottom: 9px;
		width: 333px;
		margin-bottom: 10px;
	}
	.box_content {
		background:url(/img/common/box_repeat.gif) repeat-y 0 0;
		padding: 10px;
		padding-right: 30px;
		width:315px;
	}
	
	#blog_title {
		color:#8A6231;	
		display:block;
	}
	
	/****INTERNAL**************/
	#internal_column2 h1 {
	font-size: 18px;
	color:#8A6231;	
	margin-bottom: 10px;
	padding: 3px;
	border-bottom: 1px dashed #8A6231;	
	}
	#internal_column2 img {
	padding: 3px;
	border: 1px dashed #8A6231;	
	margin: 10px;
	}
	
	.brown {
	color:#8A6231;
	font-weight:bold;	
	}
	#japan {
	float: right;
	width: 335px;
	}
	#hawaii {
	float: left;
	width: 335px;
	border-right: 1px dashed #8A6231;	
	}
	#hawaii p, #japan p {
	margin-bottom: 10px;
	}
	#links ul {
	list-style: disc inside;
	}
	#links ul li {
	width: 300px;
	float:left;
	height: 40px;
	margin-left: 10px;
	}
	#links p {
	clear:both;
	}
	ul#mblog2 {
	float: left;
	}
	ul#mblog2 li {
	width: 300px;
	display:inline !important;
	float: left;
	clear:none;
	margin-left: 10px;
	height: 120px;
	}


/******issues***/
#magazine_header {
background-color:#A6D2FF;
}
.large {
font-size: 15px;
font-weight: bold;
}

.entry_container {
	border: 1px dotted #444444;
	margin-bottom: 10px;
	#width: 630px;
}
.bgbg {
display:inline;
padding: 10px;
background-color: #A6D2FF;
float: left;
width: 660px;
#width: 610px;
}
.bgbg2 {
	display:inline;
	clear:both;
	border-top: 1px dotted #444444;
	padding: 10px 10px;
	float: left;
	width: 620px;
	#width: 590px;
	margin-left: 20px;
	margin-right: 20px;
}
.entry {
	clear:both;
	padding: 10px;
}

.entry2 {
	clear:both;
	padding: 10px 30px;
}
.title {
clear:both;
width: 300px;
float: left;
}
.name {
float: right;
display:inline;
}
.reply {
	text-align: right;
}

.entry_container img {
	border:none;
}