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

	layout.css

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

/* ------------------------
	body
------------------------ */
body {}

/* ------------------------
	header
------------------------ */
#header {
	border-top:solid 4px #353d90;
}
#header .inner {
	width:1020px;
	height:86px;
	margin:0 auto;
	position:relative;
}
#header p.logo {
	position:absolute;
	top:16px;
	left:1px;
}
#header h1 {
	position:absolute;
	top:16px;
	left:191px;
	color:#666;
	font-size:72%;
	font-weight:normal;
	line-height:1.5;
}
#header ul.sociallink {
	width:274px;
	height:25px;
	overflow:hidden;
	position:absolute;
	top:12px;
	left:585px;
	border-right:solid 1px #cecece;
}
#header ul.sociallink li {
	float:left;
	margin:0 5px 0 0;
}
	#header ul.sociallink li.twitter {
		width:68px;
		}
	#header ul.sociallink li.mixi div { 
		padding:0px;
		margin:0px;
		position:relative;
		top:3px;
		}
#header ul.sociallink li.twitter,
#header ul.sociallink li.facebook{
	padding:3px 0 0;
}
#header p.favorite {
	position:absolute;
	top:8px;
	right:0;
}
#header ul.sitenav {
	position:absolute;
	top:53px;
	left:192px;
}
#header ul.sitenav li {
	float:left;
}
#header .fontsize {
	position:absolute;
	top:48px;
	left:468px;
}
#header .fontsize p {
	float:left;
	margin:4px 7px 0 0;
}
#header .fontsize ul {
	float:left;
	width:97px;
}
#header .fontsize li {
	float:left;
	margin:0 2px 0 0;
}
#header .search {
	position:absolute;
	width:382px;
	top:47px;
	left:638px;
}
#header .search .write {
	float:left;
	width:244px;
	padding:2px 0 0;
}
#header .search .write input {
	width:230px;
	height:12px;
}
#header .search .btn {
	float:left;
}
#header .search .yahoo {
	float:right;
}

/* ------------------------
	footer
------------------------ */
#footer {
	clear:both;
	border-top:solid 3px #353d90;
}
#footer .inner {
	width:1020px;
	height:67px;
	margin:0 auto;
	position:relative;
}
#footer .inner ul {
	position:absolute;
	top:15px;
	left:0;
}
#footer .inner li {
	display:block;
	float:left;
	font-size:86%;
	margin:0 15px 0 0;
	padding:0 15px 0 0;
	border-right:solid 1px #ccc;
}
#footer .inner address {
	position:absolute;
	top:16px;
	right:0;
	color:#666;
	font-size:72%;
	font-style:normal;
}
/* ------------------------
	breadcrumbs
------------------------ */
#breadcrumbs {
	background:#eef9fb;
	height:30px;
}
#breadcrumbs .inner {
	width:1020px;
	height:30px;
	margin:0 auto;
	position:relative;
}
#breadcrumbs p {
	line-height:30px;
	font-size:72%;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#breadcrumbs p a {
	line-height:30px;
}
#breadcrumbs .form {
	width:110px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-9px;
}
.breadcrumbs .clearfix {
	position:relative;

}
.breadcrumbs .clearfix #cl_form {
	font-size:72%;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-9px;
}

#breadcrumbs .form select {
	height:18px;
	width:110px;
}

/* ------------------------
	汎用クラス
------------------------ */
/* float */
.fll {float:left;}
.flr {float:right;}
.clear {clear:both;}

/* border */
.bdn {border:none !important;}

/* margin */
.mr0 {margin-right:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

/* other */
.dpn {display:none !important;}

/* text */
.tac {text-align:center;}

/* width */
.w220 {width:220px;}
.w450 {width:450px;}
.w500 {width:500px;}




/* ------------------------
	Yahoo! Search
------------------------ */
#srchBox
{
width:380px;
_width:378px;
/*margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;*/
color:#000000;
text-align:left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:0px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:288px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:80px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}