@charset "utf-8";

/* ===================================================================
	Site Name: base

	Author: aki
=================================================================== */

.box-inner{
	padding:27px;
}

.ribon{
	display:block;
	background:url(../img/common/bar.gif) repeat left top;
	height:23px;
	text-align:center;
}

#box1 .right .ribon{
	width:150px;
}

#box1 h3{
	padding:3px;
	color:white;
	font-weight:bold;
}

#box1 div.left{
	width:175px;
}

#box1 div.right{
	width:540px;
	margin-right:10px;
	_margin-right:5px;
}

#box1 h4{
	margin:10px 0 10px 0;
}

#box1 .right .moreinfo{
	margin:10px 0 0 0;
}

#box1 .beans-box{
	width:238px;
	float:left;
	background-color:#ececec;
}

#box1 .beans-box .ribon{
	width:175px;
	margin:5px 0;
}

#box1 .beans-box-inner{
	padding:20px 0 20px 30px;
}

#beans3{
	margin:0 15px;
}

#beans-box{
	margin:30px 0 0 0;
}

#box2 dl{
	width:600px;
}

#box2 dt{
	width:90px;
	float:left;
	background:url(../img/common/icon/red.gif) no-repeat left center;
	padding-left:15px;
	color:#787878;
	font-weight:bold;
}

#box2 dd{
	width:490px;
	float:left;
	color:#5872b4;
}

#box2 .moreinfo{
	border:1px solid #9a0b0e;
	width:170px;
	margin-top:10px;
}

#box2 .moreinfo-inner{
	padding:0px 5px;
}



#logo-box {
	margin:0 auto 30px;
	width:755px;
}

#logo-box-bak {
	background:url(../img/top/logo-box-bak.gif) left top repeat-y;
}

#logo-box-top {
	background:url(../img/top/logo-box-top.gif) left top no-repeat;
}

#logo-box-btm {
	background:url(../img/top/logo-box-btm.gif) left bottom no-repeat;
}

#logo-box-inner {
	padding:40px 20px;
	min-height:500px;
	_height:500px;
}

#logo-box-inner dd dd {
	margin:20px 0 0 0;
}


#logo-box-inner dl dl {
	width:550px;
}

#logo-box-line {
	background:url(../img/top/logo-line.gif) center top no-repeat;
	padding:40px 0 0 0;
	margin:30px 0 0 0;
}


#box3 #left-box{
	float:left;
	width:450px;
}

#box3 #left-box .box-inner{
	padding:27px 0 27px 27px;
}

#box3 #left-box .photoframe{
	float:left;
}

#box3 #left-box dl{
	float:left;
	width:220px;
	width:380px;
	margin-left:5px;
}

#box3 #left-box dt{
	color:#5872b4;
	font-weight:bold;
	font-size:120%;
}

#box3 #left-box dd{
	margin:10px 0 0px 0;
}

#box3 #right-box{
	float:right;
	width:350px;
}

#box3 #right-box .box-inner{
	padding:0px 27px 27px 0px;
}

#box3 #redbox{
	width:317px;
	background:url(../img/top/mdl.gif) repeat-y left top;
}

#box3 #redbox-top{
	width:317px;
	background:url(../img/top/top.gif) no-repeat left top;
}

#box3 #redbox-btm{
	width:317px;
	background:url(../img/top/btm.gif) no-repeat left bottom;
}

#box3 #redbox-inner{
	color:white;
	padding:10px 0px 10px 10px;
}


#box3 #redbox-inner #text{
	margin:10px 0 12px 5px;
}

#box3 #conbox{
	margin:0 0 0 10px;
}

#box3 #conbox img{
	vertical-align:top;
}