@import 'clearfix.css';
@import 'reset.css';

html{
/*	background:#000;	*/
}

body{
	/*ackground:url(/img/bg_overall.gif) ;*/
	font-size: 14px;
	line-height: 1.3;
	letter-spacing:0.5px; 
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1{
	font-size: 11px;
	font-weight: normal;
	color:#333;
}

h2#pageTitle{
	background:url(/img/bg_sub_h2_title.gif) no-repeat;
	line-height: 45px;
	padding-left: 30px;
	color:#FFF;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 20px;
}

h3{
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0;	
}
h3.title1{
	background:url(/img/bg_sub_h3_title_1.gif) repeat-x;
	padding-left: 10px;
	line-height: 31px;
}

h3.category-title{
	text-align:right;
	color:#666;
	font-size: 12px;
}


h4{
	border-left: 20px solid #C5EB85;
	padding-left: 10px;
	margin: 10px 0;
}
h4.title1 {
/*	line-height: 30px;*/
}
h4.title1 span{
/*	border: 3px double #9ACC68;
	padding: 1px 5px;
*/
}
p{
	line-height: 1.5;
}

img {
	vertical-align:middle;
}

a{
	text-decoration:none;
	color:#333;
	overflow: hidden;
	/*\*/ 
	overflow: hidden;
	/**/ 
}

a:hover{}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

#container{
	margin: 0 auto;
	width: 1050px;
}

#left{
	float:left;
	width:200px;
}

#center{
	margin: 0 270px 0 220px;
}
#right{
	float: right;
	width :250px;
	padding: 0 10px;
}

#header{
	padding: 10px 0;	
	margin-bottom: 5px;
}

#headerComment{
	line-height: 20px;
}

#header #headerLeft{
	float:left;	
	color:#666;
}

#header #headerLeft h1{}

#header #headerLeft img{
	vertical-align:middle;
	margin-right: 30px;
}

#header #headerLeft p{
	float:left;
}

#header #headerRight{
	float:right;
}


#header #headerRight .banner{

	text-align:right;
/*	margin: 12px 0;*/

}

div{
/*	border: 1px solid #666;*/
}

#contentTop{
	/*
	height: 10px;
	background:url(../img/content_block_top.png) no-repeat;
	*/
}

#content{	
	background:#FFF;
	padding-bottom :20px;
	margin-bottom: 15px;
/*	border: 1px solid #DDD;*/
	
}


/** グローバルナビゲーションの設定です **/
#globalNav{
}

#globalNav ul.cat_depth1{
	padding-left: 0;
}

#globalNav p.cat_depth1_cat{
/*	margin-top: 1px;*/
	padding-left: 10px;
	line-height:2;
	color:#FFF;
	background:#5A872E;
}

#globalNav ul.cat_depth2{
}

#globalNav ul.cat_depth3{
}

#globalNav ul.cat_depth4{}

#globalNav ul{
/*	margin-left: 10px;*/
	padding-left: 10px;
	
}

#globalNav ul li {
	border-bottom: 1px dotted #F5E19C;
	
}
#globalNav ul li:last-child{
	border-bottom: none;
}

#globalNav ul li a{
/*	color:#125772;*/
font-size: 12px;

}

#globalNav  ul li a:hover{
/*	background:#FCEDBE;*/				/** グローバルナビゲーションボタンにマウスが乗った時のの背景色です **/
	text-decoration:underline;
}
#globalNav  ul li.local a{			/** 現在のページのボタンです **/
	/*background: #86C433;*/			/** 現在のグローバルナビゲーションボタンの背景色です **/
	color:#333;						/** 現在のグローバルナビゲーションボタンの文字色です **/
}
#globalNav  ul li.first a{
/*	border-left: 2px groove #FFF; */
}
#globalNav  ul li ul li {
	background:url(../img/arrow01.gif) no-repeat;
	padding-left: 20px;
	line-height: 20px;
}




/** フッターリンクの設定です **/

#footer{
	padding : 0 20px;
	font-size: 12px;

}
#footer a {
	color:#666;
}
#footer a:hover{
	background:#FFF;
}
#footer p#above{
	text-align:right;
	margin-right: 20px;
}
#footer #bizInfo{
	/*
	_padding-top: 0;
	_background:url(../img/bg_footer.png) repeat-x top;
	*/
	
	padding-top: 10px;
}
#footer #footerLogo{
	float:left;
	width: 350px;
}
#footer #footerLogo table img{
	margin-bottom: 10px;
}
#footer #footerLogo table p.my_name{
	font-size:16px !important;
	text-align:center;
}
#footer #area{
	float:right;
	width: 500px;
	color:#666;
}
#footer #area span.title_area{
	border: 1px solid #999;
	margin-right: 5px;
	padding: 1px 5px;
}

#footerLink{
	text-align:center;
	margin: 5px 0;
	/*
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	*/
/*	background:#EEE;*/
}
#footerLink p img{
	display:none;
}
#footerLink  ul{
	padding: 5px 0;
}
#footerLink  ul li{
	line-height: 1.5;
	display:inline;
}
#footerLink ul li:first-child{
}
#footerLink  ul li a{
	padding: 0 5px;
	font-size: 80%;
	background: none;				/** フッターリンクの背景色です **/
/*	color:#36B0E0;*/
	display:inline;
}
#footerLink  ul li a:hover{
	color:none;						/** フッターリンクにマウスが乗った時のの背景色です **/
	text-decoration:underline;
}
#footerLink  ul li.local a{				/** 現在のページのボタンです **/
	background: #C8EAF7;					/** 現在のページのフッターリンクの背景色です **/
	/*color:#4F9B15;*/					/** 現在のページのフッターリンクの文字色です **/
}

#footerLink  ul li.first a{}

#footer #misc{
	text-align:right;
	font-size: 80%;
}
#footer #misc a{
	color: #666;
}
#footer #copyright{
	text-align:center;
	color:#36B0E0;
	text-size:80%;
}
#footer #copyright a:hover{
	background:none;
}
	

#footer #mutualLink{
	text-align:right;
	margin-top: 10px;
}
#footer #mutualLink a{
	color: #999;
	font-size: 70%;
}

/** 日付の表示 **/
span.date{ 
	padding-right: 10px;
}

.body{
	padding-left: 10px;
	padding-bottom: 10px;
}

span.continue{
	font-size: 11px;
}
#title{
/*	width: 640px;*/
	height: 190px;
	background:url(../img/sub_h2_bg.jpg) no-repeat;
	padding-top:20px;
}
#title #pan{
/*	margin: 0 0 0 180px;*/
	font-size:10px;
	color:#666;
	line-height: 2;
}
#title h2#pageTitle{
	color:#EDEDED;
	font-size: 23px;
	font-weight: normal;
	line-height: 2;
/*	margin: 40px 0 0 180px;*/
}

/** 右ブロック **/

#right #section1{		/* random */
	margin-bottom: 20px;
text-align:center;		
}
#right #section1 h2.title{
	text-align:right;
	padding: 5px 10px;
}

#right #section2{		/* random */
	margin-bottom: 20px;
	text-align:center;	
	border: 2px solid #9C9;
}
#right #section2 ul li{
	margin-bottom: 5px;
}

#right #section2 h2.title{
	line-height: 2;
	background:#393;
	color:#FFC;
	text-align:cneter;
	margin-bottom: 10px;
}
#right .pickup{
	margin-bottom: 5px;
	padding: 5px 10px;
/*
	background: #FDD2D3;
	background:#FEF8F8;
	*/
	border-bottom: 1px dotted #999;
	font-size: 11px;
}
#right h3.pickup_title{
	margin-bottom: 0;
	font-size: 14px !important;

}
#right .pickup p.pickup_rating_star{
	text-align:right;
	margin-bottom: 10px;
}
#right .pickup table td{
	vertical-align:top;
}
#right .pickup .pickup_img{
	width: 100px;
	text-align:center;
	float:left;
	margin-right: 5px;
}
#right .pickup .pickup_img img{
/*	width: 65px;*/
	height: 65px;
}
	
#right #section2{
	text-align:center;
	margin-bottom:20px;
}


#right #section3{
	margin-bottom:20px;
}

#right #section3 ul.cat_depth1{
	padding-left: 0;
}

#right #section3 p.cat_depth1_cat{
	margin-top: 3px;
	line-height:2;
	text-align:center;
	background:#6F140D; 
	color:#FFF;
}

#right #section3 ul.cat_depth2{
	background:#FFF;
	background:#F5F5EF;
}

#right #section3 ul.cat_depth3{}

#right #section3 ul.cat_depth4{}

#right #section3 ul{
/*	margin-left: 10px;*/
	padding-left: 10px;
	
}
#right #section3 ul li {
	line-height: 3;
}
#right #section3 ul li a{
/*	color:#125772;*/
	display:block;
	background:url(../img/list_style01.gif) left no-repeat;
	padding-left: 20px;
	border-bottom: 1px dotted #999;
}

#right #section3  ul li a:hover{
/*	background:#FDD2D3;				*/

}
#right #section3  ul li.local a{	
	/*background: #86C433;*/		
}
#right #section3  ul li.first a{
/*	border-left: 2px groove #FFF; */
}



/** main内のp **/
#main {
	padding: 10px ;
	margin-bottom:40px;
}

#main img{
	margin: 20px 10px;
}
#main strong{
	font-weight: bold;
	color:#333;
	background:#E2F1D8;
	background:#FDEAEA;
	padding: 0 5px;
}

#mainBody{
	padding: 10px;
}

/** main内のテーブル（常設のもの） **/
table.common_table{
	border:1px solid #DDDED3;
	margin: 10px 0;
	font-size: 90%;
	border-collapse:collapse;
}
table.common_table th {
	background-color:#EFEFEF;
	background-color:#FAFEE7;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

table.common_table th,
table.common_table td {
	padding:5px;
	border:1px solid #DDDED3;
}
table.common_table tr.midashi th{
	text-align:center;
}

/** センタリング **/
.center{
	text-align:center;
}

/** 左寄せ **/
.left{
	text-align:left !important;
}

/** センタリング **/
.right{
	text-align:right !important;
}


/** 画像フロート（左） **/
.img_left{
	float:left;
	 border: 1px solid  #699;
}
/** フロート（右） **/
.img_right{
	float:right;
	 border: 1px solid #699;
}

p.page-navi {
	margin:5px 0;
	text-align:right;
	line-height: 1;
}
p.page-navi a,
p.page-navi span.current_page{
	border:1px solid #999;
	font-size: 11px;
	padding: 0 3px;
	margin:0 !important;
	
}

p.page-navi span.current_page{
	color:#FFF;
	background: #1B488D;
}
p.page-navi a.link_page{
/*
	padding: 0 5px;
	border: 1px solid #1B488D;
	color: #1B488D;	
*/}

p.content-nav{
	margin-top: 20px;
	text-align:center;
}

p.category{
	text-align:right;
	margin-bottom: 5px;
}
p.category a{
	border: 1px solid #CCC;	
	padding: 1px 5px;
}

/** 各サブページのインデックスページの上部**/
#fontPageTop{}


/** 広告 **/

/* 左下 */
#AdLeftLower{
	margin: 20px 0 0 0;
	
}

/* 中央上 */
#AdCenterUpper{
	text-align:center;
	margin-bottom: 10px;
}

/* 中央中 */
#AdCenterMid{}

/* 中央下 */
#AdCenterLower{
	text-align:center;
}

/* 右上 */
#AdRightUpper{
	margin-bottom: 20px;
	text-align:center;
}

/* 右下 */
#AdRightLower{}

/* フッター */
#AdFooter{
	text-align:center;
	margin-bottom: 20px;
}

/* アフィリエイトのランダム表示 UL */
.rand_affiliate li{
	margin-bottom: 15px;	
}

/* 相互リンク */
#link{
	text-align:center;
	margin-top: 20px;
	
}
#link a{
	color:#666;
	font-size:60%;
}

/** 特筆事項（囲みなど）**/
.kakomi1{
	border:1px solid #C5EB85;
	background:#EAFBE1;
	padding:10px;
	margin: 10px 0;
}

.kakomi2{
	border: 2px dotted #C5EB85;
	padding: 10px;
	margin: 10px 0;
}

p.fig{
	text-align:center;
}

p.fig span{
	padding: 2px 20px;
	border: 1px solid #666;
}