/*
Theme Name: WordPress Relations.
Theme URI: http://www.relations.co.jp/
Description: Relations. フリーマガジン「リレシーションズドット」のためのテーマ
Version: 1.0
Author: Prezam Inc.
Author URI: http://www.prezam.co.jp/
Tags: white color, fixed width, two columns, custmized ajax calendar, exclusive layout

Relations. WordPress by Prezam Inc. ||  http://www.prezam.co.jp/
This is just a exclusive layout for Relations., Relations. is 
a free magazine for peaple live in the center of Tokyo.
*/
@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 153%;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

a{ text-decoration: none; }
a:link	  { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover	  { color: #990000; text-decoration: underline; }

img { border: 0px; }
ul{ list-style: none; }

.none{ display: none; }

.txt_clear {
	clear: both;
	height:15px;
	display: block;
}
/*********************
		global
*********************/
#container{
	margin:0px auto;
	width:800px;
	text-align: left;
	background-color: #fff;
}
.font10{
	font-size: 10px;
	line-height: 13px;
}
.text{
	clear: both;
}
.bold{
	font-weight: bold;
	font-size: 12px;
}
.reset_bottom{
	clear: both;
}

/*********************
		header
*********************/
#header{
	margin: 25px 0 0 0;
	width: 800px;
	height: 87px;
}
h1 a{
	float:left;
	background: url(image/title.gif) no-repeat;
	display: block;
	width: 500px;
	height: 87px;
}
h3{
	float:left;
	background: url(image/title_right.gif) no-repeat;
	background-position: right top;;
	width: 220px;
	height: 75px;
	
	padding: 12px 80px 0 0;
	text-align: right;
	font-size: 16px;
	line-height: 22px;
}

/*********************
		footer
*********************/
#footer{
	clear:both;
	height: 20px;
	padding: 10px 10px 10px 10px;
	font-size: 10px;
}
#footer ul{ margin-left: 160px; list-style: none; }
#footer li{
	float: left;
	margin-right: 5px;
}
/*********************
		menu
*********************/
#menu ul{
	margin: 0;
	padding: 0;
	width: 800px;
	height: 80px;
	margin: 29px 0 24px 0;
}
#menu li{
	margin: 0;
	padding: 0;
	float: left;
}
	#menu01{
		background-image: url(image/menu/menu_on_03.gif);
		width: 133px; height: 40px;
	}
	#menu01 a{
		background-image: url(image/menu/menu_03.gif);
		width: 133px; height: 40px;
		display: block;
	}
	#menu01 a:hover{ background: none; }
	
	#menu02{
		background-image: url(image/menu/menu_on_04.gif);
		width: 134px; height: 40px;
	}
	#menu02 a{
		background-image: url(image/menu/menu_04.gif);
		width: 134px; height: 40px;
		display: block;
	}
	#menu02 a:hover{ background: none; }
	
	#menu03{
		background-image: url(image/menu/menu_on_05.gif);
		width: 136px; height: 40px;
	}
	#menu03 a{
		background-image: url(image/menu/menu_05.gif);
		width: 136px; height: 40px;
		display: block;
	}
	#menu03 a:hover{ background: none; }
	
	#menu04{
		background-image: url(image/menu/menu_on_06.gif);
		width: 135px; height: 40px;
	}
	#menu04 a{
		background-image: url(image/menu/menu_06.gif);
		width: 135px; height: 40px;
		display: block;
	}
	#menu04 a:hover{ background: none; }
	
	#menu05{
		background-image: url(image/menu/menu_on_07.gif);
		width: 130px; height: 40px;
	}
	#menu05 a{
		background-image: url(image/menu/menu_07.gif);
		width: 130px; height: 40px;
		display: block;
	}
	#menu05 a:hover{ background: none; }
	
	#menu06{
		background-image: url(image/menu/menu_on_08.gif);
		width: 132px; height: 40px;
	}
	#menu06 a{
		background-image: url(image/menu/menu_08.gif);
		width: 132px; height: 40px;
		display: block;
	}
	#menu06 a:hover{ background: none; }
	
	
	#menu07{
		background-image: url(image/menu/menu_on_10.gif);
		width: 133px; height: 40px;
	}
	#menu07 a{
		background-image: url(image/menu/menu_10.gif);
		width: 133px; height: 40px;
		display: block;
	}
	#menu07 a:hover{ background: none; }
	
	#menu08{
		background-image: url(image/menu/menu_on_11.gif);
		width: 134px; height: 40px;
	}
	#menu08 a{
		background-image: url(image/menu/menu_11.gif);
		width: 134px; height: 40px;
		display: block;
	}
	#menu08 a:hover{ background: none; }
	
	#menu09{
		background-image: url(image/menu/menu_on_12.gif);
		width: 136px; height: 40px;
	}
	#menu09 a{
		background-image: url(image/menu/menu_12.gif);
		width: 136px; height: 40px;
		display: block;
	}
	#menu09 a:hover{ background: none; }
	
	#menu10{
		background-image: url(image/menu/menu_on_13.gif);
		width: 135px; height: 40px;
	}
	#menu10 a{
		background-image: url(image/menu/menu_13.gif);
		width: 135px; height: 40px;
		display: block;
	}
	#menu10 a:hover{ background: none; }
	
	#menu11{
		background-image: url(image/menu/menu_on_14.gif);
		width: 130px; height: 40px;
	}
	#menu11 a{
		background-image: url(image/menu/menu_14.gif);
		width: 130px; height: 40px;
		display: block;
	}
	#menu11 a:hover{ background: none; }
	
	#menu12{
		background-image: url(image/menu/menu_on_15.gif);
		width: 132px; height: 40px;
	}
	#menu12 a{
		background-image: url(image/menu/menu_15.gif);
		width: 132px; height: 40px;
		display: block;
	}
	#menu12 a:hover{ background: none; }

	
/*********************
		main
*********************/
#main{ background-color: #fff; }

#top_bobg_01{
	background: url(image/top_bottom_bg01.gif) no-repeat;
	width: 802px;
	height: 10px;
}
#top_bobg_02{
	background: url(image/top_bottom_bg02.gif) repeat-y;
	width: 802px;
}
#top_bobg_03{
	clear: both;
	background: url(image/top_bottom_bg03.gif) no-repeat;
	width: 802px;
	height: 10px;
}
/* カラム別け */
#left_column{
	float: left;
	width: 497px;
	padding: 21px 35px 25px 38px;
}
#right_column{
	float: left;
	width: 230px;
	padding: 10px 0 0 0;
}
.dot_hr{
	clear: both;
	background: url(image/dot_hr.gif) no-repeat;
	background-position: 0 20px;
	height:1px;
	width: 501px;
	height: 40px;
	margin:0px auto;
}
.right_border{
	clear: both;
	background: url(image/dot_hr.gif) no-repeat;
	background-position: 0 15px;
	height:1px;
	width: 197px;
	height: 30px;
	margin:0px auto;
}

/* エントリー */
.entry_date{
	font-size: 80%;
	text-align: right;
	margin: 0 0 6px 0;
}
.entry_category{
	float: left;
	margin: 0 5px 10px 0;
}
.entry_title{
	float: left;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 8px 0;
}
.entry_text{
	clear: both;
}
span.cat0  {}
span.cat1  {color: #990000;}
span.cat2  {color: #cc0099;}
span.cat3  {color: #990099;}
span.cat4  {color: #660099;}
span.cat5  {color: #000099;}
span.cat6  {color: #006699;}
span.cat7  {color: #009999;}
span.cat8  {color: #009933;}
span.cat9  {color: #006600;}
span.cat10 {color: #cc9900;}
span.cat11 {color: #cc6600;}
span.cat12 {color: #666666;}
	
	
/* 右カラム */
#fixed_title{
	background: url(image/fixed_title.gif) no-repeat;
	width: 231px;
	height: 31px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}
#right_iphone{
	background: url(image/iphone.gif) no-repeat;
	width: 183px; height: 212px;
	text-indent: -9999px;
	margin: 0 auto;
}
#right_tour a{
	width: 190px;
	height: 80px;
	background: url(image/tour.gif) no-repeat;
	display:block;
	margin: 0 auto;
}
#right_tour p{
	text-indent:-9999px;
}	


#appstore a{
	background: url(image/appstore.gif) no-repeat;
	width: 124px;
	height: 41px;
	display: block;
	margin: 17px 0 5px 92px;
}
#app_txt{
	font-size: 10px;
	text-align: right;
	margin: 0 13px 20px 0;
}

#top_le_title{
	background: url(image/le_relationsforiphone.gif) no-repeat;
	width: 273px;
	height: 43px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

#top_ri_imgs{
	background-image: url(/image/ri_relations_s01-03.gif);
	width: 200px;
	height: 127px;
	text-indent: -9999px;
	margin: 0 15px 0 15px;
}


#relations_home{
	background: url(image/relations_home_on.gif) no-repeat;
	width: 192px;
	height: 49px;
	display: block;
	margin-bottom: 30px;
}
#relations_home a{
	background: url(image/relations_home.gif) no-repeat;
	width: 192px;
	height: 49px;
	display: block;
}
#relations_home a:hover{ background: none; }


#propose_btn{
	background: url(image/propose_btn_on.gif) no-repeat;
	width: 162px;
	height: 32px;
	margin: 10px 0 10px 15px;
}
#propose_btn a{
	background: url(image/propose_btn.gif) no-repeat;
	width: 162px;
	height: 32px;
	display: block;
}
#propose_btn a:hover{ background: none; }
.reset_bottom{
	clear: both;
}

/********************
	ページナビ
*********************/
.pagenavi {
	text-align: center;
}

/********************
	画像配置
*********************/
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 20px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */