@charset "utf-8";

/* CSS Document */











/* ------------------------------



 layout



------------------------------ */



div#wrapper {

	width:990px;

	margin:0 auto;

}

div#container {/*clearfix include*/

	width:990px;

	float:left;

	padding:5px 0 10px;

	clear: both;

}

#container:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

#container {

	min-height: 1px;

}

* html #container {

	height: 1px;/*\*//*/



  height: auto;



  overflow: hidden;



  /**/



}

/* ------------------------------



 header



------------------------------ */



div#header {

	height:136px;

	width:989px;

	border-bottom:1px solid #e0ddb0;

	border-right:1px solid #e0ddb0;

	position:relative;

	background: #f7f9ee url(../images/header001.png) no-repeat top left;

	margin-bottom:4px;

}

div#header #tagline {

	text-align:right;

	position:absolute;

	right:10px;

	bottom:8px;

	font-size: 77%;

	line-height:1.2;

	color:#999;

}

div#header #ci a {

	display:block;

	width:240px;

	height:88px;

	overflow:hidden;

	position:absolute;

	top:12px;

	left:63px;

}

div#header ul#h_navi {

	float:right;

	padding-right:21px;

}

div#header ul#h_navi li {

	float:left;

}
div#header p.free_tell{
	position:absolute;
	top:109px;
	left:68px;
}
div#header dl.honsya_about{
	position:absolute;
	top:47px;
	left:357px;
	line-height:0;
}
div#header dl.honsya_about dt{
	margin-bottom:5px;
}
div#header dl.honsya_about dd{
	margin-bottom:4px;
}
div#header dl.tokyo_about{
	position:absolute;
	top:47px;
	left:525px;
	line-height:0;
}
div#header dl.tokyo_about dt{
	margin-bottom:5px;
}
div#header dl.tokyo_about dd{
	margin-bottom:4px;
}
div#header dl.osaka_about{
	position:absolute;
	top:47px;
	left:692px;
	line-height:0;
	z-index:1;
}
div#header dl.osaka_about dt{
	margin-bottom:5px;
}
div#header dl.osaka_about dd{
	margin-bottom:4px;
}
div#header div#serchbox {
	width:255px;
	position:absolute;
	top:59px;
	right:5px;

}
div#header div#serchbox p{
	text-align:right;
	margin:0 15px 4px 0;
}

div#header div#serchbox #serchbox_bg {

	background:#ff7271;

	height:26px;

	width:240px;

	overflow:hidden;

}

div#header div#serchbox input {

	height:18px;

	width:150px;

	border:#ff7271 solid 4px;

}

div#header div#sns_btn {
	position:absolute;
	bottom:5px;
	left:356px;
	clear:both;
	height:27px;
}
div#header div#sns_btn ul li{
	float:left;
}
div#header div#sns_btn ul li.twitterfollow_btn{
	margin-right:10px;
	margin-bottom:5px;
}
div#header div#sns_btn ul li.mixi_btn{
	top:4px;
	left:0;
	position:absolute;
}
div#header div#sns_btn ul li.twitter_btn{
	top:3px;
	left:100px;
	position:absolute;
}
div#header div#sns_btn ul li.facebook_btn{
	top:3px;
	left:210px;
	position:absolute;
}

/* ------------------------------



 summary



------------------------------ */



#summary a {

	color:#666;

}

#summary ul#pan {

	margin-left:20px;

}

#summary ul#pan li {

	float:left;

	vertical-align:baseline;

}

#summary #page_title {

	background:url(../images/pageTitleBar.png) no-repeat;

	width:920px;

	height:30px;

	clear:both;

	padding:8px 0 0 70px;

	margin:4px 0 4px;

	font-size:123.1%;

	font-weight:bold;

	color: #fff;

	position:relative;

}

#summary #page_title img {

	position:absolute;

	top:8px;

	right:20px;

}

#summary div#page_title_list {

	background:url(../images/pageTitleBarDot.png);

	width:974px;

	clear:both;

	padding:1px 8px 1px 8px;

	margin:4px 0 4px;

	color: #fff;

}

#summary div#page_title_list div#spic {

	float:left;

}

#summary div#page_title_list h1 {

	float:left;

	padding:7px 0 0 8px;

	font-size:120%;

	font-weight:bold;

}

#summary div#page_title_list p.category {

	float:right;

	text-align:right;

	padding:2px 0 2px;

	line-height:1.5;

	font-size:77%;

	width:605px;

}

#summary div#page_title_list div#lout {

	float:right;

	padding-top:6px;

}

#summary div#page_title_list a {

	color:#fff;

}

/* ------------------------------



 left_menu



------------------------------ */



div#left_menu {

	background:#f1f1f1;

	border:#e5e5e5 solid 1px;

	padding:4px 0 9px;

	width:193px;

	text-align:center;

	float:left;

}

/*ログイン部（ログイン前）*/



div#left_menu div#login {

	width:169px;

	color:#ff6600;

	border:#ffa264 solid 3px;

	margin:0 auto 5px;

	padding:10px 5px;

	line-height:1.4;

	background:#FFFFFF;

}

div#left_menu div#login p a {

	font-size:93%;

}

div#left_menu div#login p a img {

	margin:6px 0;

}

/*ログイン部（ログイン後）*/



div#left_menu div#after_login {

	width:169px;

	color:#ff6600;

	border:#ffa264 solid 3px;

	margin:0 auto 5px;

	padding:7px 5px;

	line-height:1.4;

	background:#FFFFFF;

}

div#left_menu div#after_login p a {

	font-size:93%;

}

div#left_menu div#after_login p a img {

	margin:4px 0;

}

div#left_menu div#after_login p.login_user {

	font-size:77%;

	text-align:left;

	width:155px;

	margin:0 auto;

	color:#666;

	line-height:1.3;

}

/*新規会員登録部（ログイン前）*/



div#left_menu div#register {

	width:169px;

	color:#fd5555;

	border:#ff7c7b solid 3px;

	margin:0px auto 10px;

	padding:10px 5px;

	line-height:1.4;

	background:#FFFFFF;

}

div#left_menu div#register em {

	color:#666;

	font-size: 77%;

}

div#left_menu div#register span {

	color:#ff6600;

}

div#left_menu div#register p a img {

	margin:6px 0;

}

/*新規会員登録部（ログイン後）*/



div#left_menu div#user_point {

	background:#FFFFFF url(../images/stockPoints.gif) no-repeat;

	width:163px;

	color:#fd5555;

	border:#ff7c7b solid 3px;

	margin:0px auto 10px;

	padding:30px 8px 7px;

	line-height:1.2;

}

div#left_menu div#user_point em {

	color:#666;

	font-size: 77%;

}

div#left_menu div#user_point span {

	color:#ff6600;

}

div#left_menu div#user_point ul {

	text-align:left;

	margin-left:13px;

	list-style-type:disc;

}

div#left_menu div#user_point ul li {

	font-size:85%;

}

div#left_menu div#user_point ul li p {

	font-weight:bold;

	font-size:125%;

	margin-bottom:7px;

}

div#left_menu .bar {

	margin:0 auto;

}

div#left_menu ul.static_contents {

	margin:0px auto;

	width:185px;

}

div#left_menu ul.static_contents li {

	margin:0px auto;

	text-align:left;

	width:185px;

	height:40px;

	line-height:38px;

	background:url(../images/leftPlainLinkBg.gif) no-repeat;

	text-indent:35px;

	font-size:93%;

}

div#left_menu ul.static_contents li a {

	display:block;

	width:185px;

	height:40px;

	color:#717171;

}

div#left_menu ul.static_contents li a:hover {

	color:#999999;

}
div#left_menu p.twitterBtn {
	margin:10px 0;

}
div#left_menu ul.loginUnderBanner{
	padding-bottom:5px;
}
div#left_menu ul.loginUnderBanner li{
	margin-bottom:5px;
}

/* ------------------------------



 main_menu



------------------------------ */



div#main div.item_list_main_image {

	margin:10px 0 10px;

}



/* ------------------------------



 footer



------------------------------ */



div.footer {

	position:relative;

	height:120px;

	border-top:#e0ddb0 solid 1px;

	border-left:#e0ddb0 solid 1px;

	border-right:#e0ddb0 solid 1px;

	background-color:#f7f9ee;

	clear:both;

}

div.footer address {

	position:absolute;

	top:20px;

	right:28px;

	text-align:right;

	font-style:normal;

	font-size:77%;

}

div.footer a {

}

div.footer a img {

	position:absolute;

	top:20px;

	left:20px;

}

div.footer ul {

	position:absolute;

	bottom:23px;

	right:28px;

	font-size:77%

}

div.footer ul li {

	float:left;

}

div.footer ul li a {

	color:#717171;

	border:none;

}

div.footer ul li a:hover {

	color:#999999;

}

/* ------------------------------



 useful classes



------------------------------ */



.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix {

	min-height: 1px;

}

* html .clearfix {

	height: 1px;/*\*//*/



  height: auto;



  overflow: hidden;



  /**/



}

.black {

	color:#666;

}

.orange {

	color:#ff6600;

}

.red {

	color:#F00;

}

.green {

	color:#009900;

}

.blue {

	color:#33F;

}

.lblue {

	color:#31a5d0;

}

.bold {

	font-weight:bold;

}

.left {

	float: left;

}

.right {

	float:right;

}

.clear {

	clear: both;

}

.tleft {

	text-align:left;

}

.tcenter {

	text-align:center;

}

.tright {

	text-align:right;

}

.vtop {

	vertical-align:top;

}

.vmiddle {

	vertical-align:middle;

}

.vbottom {

	vertical-align:bottom;

}

.emptyalertinline {

	display: inline;

	color:#F30;

	padding-left: 10px;

	font-weight: bold;

	font-size: 93%;

}

.emptyalertblock {

	color:#F30;

	font-weight: bold;

	font-size: 93%;

	padding-top: 0px;

}

.ibase {

	vertical-align:baseline;

}

.to_top {

	width:620px;

	margin:0 auto;

	text-align:right;

	padding:10px 0px;

	clear:both;

}

.t10 {

	font-size:77%;

}

.t11 {

	font-size:85%;

}

.t12 {

	font-size:93%;

}

.t14 {

	font-size:108%;

}

.mb5 {

	margin-bottom:5px;

}

.mb5_1 {

	margin-bottom:0px;

}

.mb10 {

	margin-bottom:10px;

}

.mb15 {

	margin-bottom:15px;

}

.mb20 {

	margin-bottom:20px;

}

.mb25 {

	margin-bottom:25px;

}

.mb30 {

	margin-bottom:30px;

}

.mt10 {

	margin-top:10px;

}