/* 基本設定
******************************************************************************************** */
body{
	text-align: center;
	margin:0;
	padding:0;
	border:0px;
	color:#333333;
	font:normal 12px/180% Verdana,Arial,Helvetica,Osaka,"MS ゴシック","MS UI Gothic",sans-serif;
}
div,img,h1,h2,h3,h4,h5,h6,p,li,ul,dt,dd,dl {
	border:0;
	display:block;
	font:normal 12px/180% Verdana,Arial,Helvetica,Osaka,"MS ゴシック","MS UI Gothic",sans-serif;
}
br.clear{
	clear:both;
}
br.b{
	margin:0;
	padding:0;
}
p{
	font:normal 12px/180% Verdana,Arial,Helvetica,Osaka,"MS ゴシック","MS UI Gothic",sans-serif;
	text-align:left;
	color:#333333;
	margin:5px 0 10px;
	padding:0;
}

/* メインレイアウト設定
******************************************************************************************** */
div#main{
	text-align:left;
	margin:0 auto;
	width:760px;
}
/* ヘッダー設定
******************************************************************************************** */
div#ue{
	padding:0;
	width:760px;
	margin:15px 0 5px;
	_margin:15px 0 10px;
}
div#ue a:visited{
	color:#05b7d8;
	text-decoration:none;
}
div#ue a:hover{
	color:#FB6701;
	text-decoration:underline;
}
h1{
	float:left;
	margin:0;
	padding:0;
	background:#FFFFFF url(../img/logo.gif) no-repeat 0 0;
	width:333px;
	height:26px;
	text-indent: -9999px;
	display:block;
}
h1 a{
	text-decoration:none;
	display:block;
	height:26px;
	overflow:hidden;
}
div#top{
	padding:0;
	width:300px;
	margin:0;
	float:left;
	text-align:left;
	vertical-align: bottom;
}
/* manu部分
******************************************************************************************** */
div#navigation{
	clear:both;
	position:relative;
	width:760px;
	height:35px;
	margin:0;
	background: url(/img/menu_before.gif) no-repeat 0 0;
}
div#navigation ul{
	margin:0;
	list-style:none;
}
div#navigation li{
	margin:0;
	padding:0;
	position:absolute;
	height:36px;
	text-indent: -9999px;
}
div#navigation li a{
	text-decoration:none;
	display:block;
	height:35px;
	overflow:hidden;
}
div#navigation li#note {
	left:0;
	width:57px;
}
div#navigation li#note a:hover{
	left:0;
	width:57px;
	background: url(/img/menu_over.gif) no-repeat 0 0;
}
div#navigation li#blog {
	left:57px;
	width:45px;
}
div#navigation li#blog a:hover{
	left:57px;
	width:45px;
	background: url(/img/menu_over.gif) no-repeat -57px 0;
}
div#navigation li#feature {
	left:102px;
	width:65px;
}
div#navigation li#feature a:hover{
	left:102px;
	width:65px;
	background: url(/img/menu_over.gif) no-repeat -102px 0;
}
div#navigation li#photo {
	left:167px;
	width:56px;
}
div#navigation li#photo a:hover{
	left:167px;
	width:56px;
	background: url(/img/menu_over.gif) no-repeat -167px 0;
}
div#navigation li#movie {
	left:223px;
	width:57px;
}
div#navigation li#movie a:hover{
	left:223px;
	width:57px;
	background: url(/img/menu_over.gif) no-repeat -223px 0;
}
div#navigation li#design {
	left:280px;
	width:60px;
}
div#navigation li#design a:hover{
	left:280px;
	width:60px;
	background: url(/img/menu_over.gif) no-repeat -280px 0;
}
div#navigation li#map {
	left:340px;
	width:52px;
}
div#navigation li#map a:hover{
	left:340px;
	width:52px;
	background: url(/img/menu_over.gif) no-repeat -340px 0;
}
div#navigation li#data {
	left:392px;
	width:75px;
}
div#navigation li#data a:hover{
	left:392px;
	width:75px;
	background: url(/img/menu_over.gif) no-repeat -392px 0;
}
div#navigation li#friends {
	left:467px;
	width:64px;
}
div#navigation li#friends a:hover{
	left:467px;
	width:64px;
	background: url(/img/menu_over.gif) no-repeat -467px 0;
}
div#navigation li#link {
	left:531px;
	width:42px;
}
div#navigation li#link a:hover{
	left:531px;
	width:42px;
	background: url(/img/menu_over.gif) no-repeat -531px 0px;
}
div#navigation li#bbs {
	left:573px;
	width:40px;
}
div#navigation li#bbs a:hover{
	left:573px;
	width:40px;
	background: url(/img/menu_over.gif) no-repeat -573px 0px;
}
div#navigation li#profile {
	left:613px;
	width:61px;
}
div#navigation li#profile a:hover{
	left:613px;
	width:61px;
	background: url(/img/menu_over.gif) no-repeat -613px 0px;
}
div#navigation li#pro {
	left:674px;
	width:86px;
}
div#navigation li#pro a:hover{
	left:674px;
	width:86px;
	background: url(/img/menu_over.gif) no-repeat -674px 0px;
}

.menu_new{padding:0 !important; margin:0 !important; width:760px;}
.menu_new ul{width:760px !important;padding:0 !important; margin:0 !important;}
.menu_new li{float:left;padding:0 !important; margin:0 !important;}

/* top_main部分
******************************************************************************************** */
div#index_main{
	float:left;
	width:620px;
	padding:0;
	margin:15px 0px 0 0px;
}
div#index_main2{
	float:right;
	width:620px;
	padding:0;
	margin:15px 0px 0 0px;
}

/* googleadsense部分
******************************************************************************************** */
div#ad{
	float:right;
	width:120px;
	padding:0;
	margin:15px 0px 0 0;
}
div#ad2{
	float:left;
	width:120px;
	padding:0;
	margin:15px 0px 0 0;
}

img#counter{
	margin-top:10px;
}
p.ad{
	width:108px;
	padding:10px 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin:0;
}
p.ad2{
	width:108px;
	padding:10px 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin:0;
	font-size:10px;
}
.video_side{
	width:114px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin:0;
	padding:10px 2px 5px;
	_padding:10px 2px 5px;
}
.video_sen{
	margin:5px 0;
}
p.ad a:visited{
	color:#05b7d8;
	text-decoration: none;
}
p.ad a:hover{
	color:#FB6701;
	text-decoration: underline;
}
p.ad2 a:visited{
	color:#05b7d8;
	text-decoration: none;
}
p.ad2 a:hover{
	color:#FB6701;
	text-decoration: underline;
}
ul.ad{
	list-style-type: none;
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding:0px 0px 10px 0px;
	width:118px;
	margin:0;
}
li.adtitle{
	background-color: #CCCCCC;
	padding:0px 8px;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	line-height: 130%;
}
li.ad{
	padding:0px 8px;
	margin-bottom:2px;
	margin:0;
	line-height: 130%;
}
li.ad img{
	display:inline;
}
li.ad a:link{
	color:#05b7d8;
	text-decoration: none;
}
li.ad a:visited{
	color:#05b7d8;
	text-decoration: none;
}
li.ad a:hover{
	color:#FB6701;
	text-decoration: underline;
}

li.ads{
	padding:0px 8px;
	margin-bottom:2px;
	font-size:10px;
	margin:0;
	line-height: 130%;
}
li.ads img{
	display:inline;
}
li.ads a:visited{
	color:#05b7d8;
	text-decoration: none;
}
li.ads a:hover{
	color:#FB6701;
	text-decoration: underline;
}
div.ad_space{
	margin:0px 0px 5px 0px;
	padding:0;
}
/* フッターレイアウト設定
******************************************************************************************** */
div#footer{
	clear: both;
	margin: 0px auto;
	padding: 15px 0px;
	width: 760px;
	text-align:center;
}

/* コピーライト設定
******************************************************************************************** */
div#footer address{
	border-top: solid 1px #999999;
	color: #596C22;
	font-style: normal;
	padding: 7px 0px;
	margin:0;
}
div#footer address a,a:link,a:visited{
	color:#010349;
	text-decoration: none;
}
div#footer address a:hover{
	color:#FB6701;
	text-decoration: none;
}
/* リンク文字設定
******************************************************************************************** */
a,a:link,a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin:0;
}
a:hover{
	color:#FB6701;
	text-decoration: underline;
}
/* ライン使ったときの余白設定
******************************************************************************************** */
img.line{
	padding:0;
	margin:10px 0px 10px 0px;
}
/* ナビゲーション
******************************************************************************************** */
div#navi{
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:10px;
	float:left;
}
div#navi a:link{
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:10px;
	color:#000066;
}
div#navi a:visited{
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:10px;
	color:#000066;
}
div#navi a:hover{
	color:#FB6701;
	text-decoration: underline;
}

/* hn
******************************************************************************************** */
h2,h3,h4,h5{
	margin:0;
	padding:0;
}
h2{
	clear:both;
}
/* span
******************************************************************************************** */
span.white{
	color:#ffffff;
	padding-right:3px;
	padding-left:5px;
}
span.blank{
	padding-right:10px;
}
span.blank2{
	padding-left:10px;
}
.bo{
	font-weight:bold;
}
/* text系のページに使用
******************************************************************************************** */
p.text{
	margin-bottom:10px;
}
p.text a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin-right:3px;
}
p.text a:hover{
	color:#FB6701;
	text-decoration: underline;
}
/* text系のページでアフィリエイト使用ページに使用
******************************************************************************************** */
p.text2{
	margin-bottom:10px;
}
p.text2 a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin-right:3px;
}
p.text2 a:hover{
	color:#FB6701;
	text-decoration: underline;
}
p.text2 img{
	display:inline;
}
/* text系のページで太字にしたい時使用
******************************************************************************************** */
p.text3{
	margin-bottom:10px;
	font-weight:bold;
}
p.text3 a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin-right:3px;
}
p.text3 a:hover{
	color:#FB6701;
	text-decoration: underline;
}
/* 目次のページに使用english.html/note.story.index.html/note.word.index.html
******************************************************************************************** */
ul#index{
	margin:0;
	padding:0;
}
li.index{
	margin:0;
	padding:0;
}
img.no{
	display:inline;
}
/* next&prev
******************************************************************************************** */
div.prev{
	float:left;
	width:33%;
	font-size: 10px;
	text-align:left;
	margin:5px 0 10px;
}
div.index{
	float:left;
	width:33%;
	font-size: 10px;
	text-align:center;
	margin:5px 0 10px;
}
div.next{
	float:right;
	width:33%;
	font-size: 10px;
	text-align:right;
	margin:5px 0 10px;
}
div.prev a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin:0;
}
div.index a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin:0;
}
div.next a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin:0;
}
div.prev a:hover{
	color:#FB6701;
	text-decoration: underline;
}
div.index a:hover{
	color:#FB6701;
	text-decoration: underline;
}
div.next a:hover{
	color:#FB6701;
	text-decoration: underline;
}
/* top of page
******************************************************************************************** */
div.top{
	text-align:right;
	clear:both;
	margin-top:10px;
}
div.top a:visited{
	color:#05b7d8;
	text-decoration: none;
}
div.top a:hover{
	color:#FB6701;
	text-decoration: underline;
}
/* coming soon!
******************************************************************************************** */
div#soon{
	margin:20px;
}
/* font_size
******************************************************************************************** */
span.small{
	font-size: 10px;
	vertical-align: middle;
	margin:0;
	padding:0;
}
div.small{
	font-size: 10px;
	vertical-align: middle;
	margin:0;
	padding:0;
}
.small{
	font-size: 10px;
}
/* hx
******************************************************************************************** */
h3.text{
	margin-bottom:2px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
}
/*header
******************************************************************************************** */
.sitemap{
	text-align:right;
	float:right;
}
.sitemap a:link{
	color:#05b7d8;
	text-decoration: none;
	margin:0;
}
.sitemap a:visited{
	color:#05b7d8;
	text-decoration: none;
	margin:0;
}
.sitemap a:hover{
	color:#FB6701;
	text-decoration: underline;
}
/*book_banner
******************************************************************************************** */
.wb{margin:10px 0;}

/*RSSline
******************************************************************************************** */
.RSSline{width:370px;}