@charset "shift_jis";

/* CSS Document */

body{
margin:0;
padding:0;
background-color:#FDE8E6;
text-align:center;
}

/*テキスト関係*/
a:link {
	color: #666;
	text-decoration:underline;
}

a:visited {
	color: #666;
	text-decoration:underline;
}

a:hover {
	color: #999;
	text-decoration:none;
}

a:active {
	color: #666;
	text-decoration:none;
}


.text12 {font-size: 12px}

.text14 {font-size: 14px}


/*基本ボックス*/
#container{
width:780px;
margin:10px auto;
text-align:left;
}

#wrapper{
width:780px;
margin:0;
color:#333333;
font-size:12px;
line-height:18px;
background-image:url(img/images/bh-topimage_02.gif);
background-repeat:repeat-y;
}

#header{
width:780px;
margin:0;
padding:0;
}

#topmain{
width:460px;
float:left;
margin:0 0 0 20px;
}



/*右サイドバー*/
#sidebar{
width:230px;
float:right;
margin:0 20px 0 0;
}

#footer{
width:780px;
margin:0;
clear:both;
text-align:center;
}

/*フロートクリア*/
.clr{clear:both;}

/*ナビゲーション*/
ul#navigation {
	position: relative;
	width: 760px;
	margin: 0 0 10px 10px;
	height: 48px;
	list-style: none;
	overflow: hidden;
}

ul#navigation li a {
	height: 48px;
	position: absolute;
	overflow: hidden;
	padding: 48px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
	width: 190px;
}
html>body ul#navigation li a{
	height: 0;
}

li#p01 a{ 
	background: transparent url(img/images/bh-navi_01.gif) no-repeat;
	left: 0px;
	}
li#p02 a{ 
	background: transparent url(img/images/bh-navi_02.gif) no-repeat;
	left: 190px;
	}
li#p03 a{ 
	background: transparent url(img/images/bh-navi_03.gif) no-repeat;
	left: 380px;
	}
li#p04 a{ 
	background: transparent url(img/images/bh-navi_04.gif) no-repeat;
	left: 570px;
	}
	
li#p01 a:hover, 
li#p02 a:hover, 
li#p03 a:hover, 
li#p04 a:hover
{ 
	background-position: 0px -48px;
	}

/*左メニュー*/

#navilist {
width:auto;
margin:0 0 10px 0;
padding:0;
border-top:1px dashed #666;
font-size:12px;
font-weight:bold;
line-height:normal;
list-style-type:none;
}

#navilist li a{
width:100%;
color: #333;
display:block;
text-decoration:none;
border-bottom:1px dashed #666;
padding:1em 0;
}

#navilist li a:hover{
color:#666;
display:block;
background-image:url(../gfh_img/hovback.gif);
text-decoration:none;
}

.current{
width:100%;
color:#333;
display:block;
border-bottom:1px dashed #666;
padding:1em 0;
}

/*---各種ボックス---*/



/*おすすめリンク*/
#boxtop{
width:auto;
margin:10px 0 0 0;
}

#boxbottom{
width:auto;
margin:0 0 10px 0;
}

#box{
width:auto;
margin:0 0 10px 0;
padding:0 0 10px 0;
background-color:#FFF;
border-bottom:1px dashed #ccc;
}

#box h2 {
font-size:14px;
font-weight:bold;
color:#CC3399;
}

#box h3 {
font-size:12px;
font-weight:bold;
color:#CC3399;
}


/*メイン記事*/
#content{
width:auto;
font-size:12px;
line-height:18px;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dashed #ccc;
}

#content td{
font-size:12px;
line-height:18px;
}

#content h2, #content2 h2{
color:#CC3399;
font-size:14px;
font-weight:bold;
line-height:30px;
background-repeat:repeat-x;
padding-left:0.5em;
margin:10px 0 0 0;
border-left:5px solid #cc3399;
}

#content h3, #content2 h3{
font-size:14px;
line-height:28px;
font-weight:bold;
color:#CC3399;
margin:10px 0 0 0;
border-top:1px solid #ccc;
}

#box ul,#content ul, #lbox ul{
margin:0;
padding:0 0 0 0.5em;
list-style-position:outside;
list-style-image:url(../img/arrow_orange2.gif);
}

#box li, #content li, #lbox li{
margin:0 0 0 1em;
}

#content .name{
font-size:12px;
color:#666;
text-align:right;
}


/*トップ画面各記事ボックス*/
#lboxtitle{
width:auto;
margin:10px 0 0 0;
padding:0;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

#lbox{
width:auto;
margin:0;
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
/*phpで自動更新される部分*/
.topic{
width:auto;
padding:5px;
background-color:#DCF0F0;
}

.etopic{
width:auto;
padding:5px;
margin:5px 0 0 0;
background-color:#DCF0DC;
}

/*Weekly topic 見出し、本文等*/
.title {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	padding: 0.5em;
	margin: 0;
	border: solid;
	border-color: #a1a5a9;
	border-width: 1px;
	}
	
.source {
	background: #f5f5f5;
	padding: 0.5em;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	margin: 0 0 10px 0;
	border-right: 1px solid #a1a5a9;
	border-left: 1px solid #a1a5a9;
	border-bottom: 1px solid #a1a5a9;
	border-width: 1px;
	}
	
.eibun{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
}
	
.photo120{
width:120px;
float:left;
margin:0 10px 10px 0;
font-size:10px;
line-height:12px;
text-align:left;
}

.photo120r{
width:120px;
float:right;
margin:0 0 10px 10px;
font-size:10px;
line-height:12px;
}

.photo{
width:200px;
float:left;
margin:0 10px 10px 0;
font-size:10px;
line-height:12px;
text-align:left;
}

.photoright{
width:200px;
float:right;
margin:0 10px 0 10px;
font-size:10px;
line-height:12px;
}
/*大井静雄ワンフレーズ/英単語　見出し，フレーズ*/
.phrasetitle {
	background-color:#f5f5f5;
	font-size:1em;
	font-weight:bold;
	padding: 0.3em;
	margin: 0;
	border: solid;
	border-color: #a1a5a9;
	border-width: 1px;
	text-align:center;
	}
	
.phrase {
	background: #ffffff;
	padding: 0.5em;
	font-size:14px;
	line-height:1.5em;
	margin:0;
	border-right: 1px solid #a1a5a9;
	border-left: 1px solid #a1a5a9;
	border-bottom: 1px solid #a1a5a9;
	border-width: 1px;
	text-align:center;
	}
.tango {
	background: #ffffff;
	padding: 0.5em;
	font-size:14px;
	line-height:1.5em;
	margin:0;
	border-right: 1px solid #a1a5a9;
	border-left: 1px solid #a1a5a9;
	border-bottom: 1px solid #a1a5a9;
	border-width: 1px;
	}