@charset "UTF-8";
/* ************************************************ 
Theme Name:  f-1bin/F-1便
Theme URI: http://www.f-1bin.co.jp/
Author: nasevernal
Version: 1.0

 * ************************************************ */

/* ************************************************ 
	CSS Contents
	1-1. Notes
	1-2. CSS Zero Include
	
	2-1. Basic setting
	2-2. Each area setting
	2-3. Header area setting
	2-4. Home info area setting
	2-5. Footer area setting
	2-6. Side contents setting
	2-7. The main contents setting
	3-1. Other setting
	
/* ************************************************ 
 * 2-1. Basic setting
 * ************************************************ */
html
	{
	
	}
body
	{
	color:#666666;
	background-color: #e6e6e6;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 14px;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	}
	
a:link
	{
	color:#3366CC;
	text-decoration:none;
	}
a:visited
	{
	color:#3366CC;
	text-decoration:none;
	}
a:active
	{
	color:#3366CC;
	text-decoration:underline;
	}

a:hover,
a:hover span,
a.current {
	color: #ff6633;
	text-decoration: underline;
	}
div#footer a:hover
	{
	color: #ff6633;
	text-decoration: underline;
	}
div#side_contents a
	{
	color:#323232;
	text-decoration:none;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * container
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * main_img
 * ************************************************ */
/* コンテナ */
div#container	{
    width: 100%;
	margin-left: auto;
	margin-right: auto}
	
/* ヘッダー */
div#header	{
	background-image: url(images/index/headerback_h157.jpg);
	background-repeat: repeat-x;
	height: 157px;
}

div#header_box{
	width:960px;
	height: 157px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background/fc_base.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#header_box h1{
	font-size: 10px;
	padding-top: 6px;
	padding-left: 25px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 100%;
}

div#header_box h2{
	padding-top: 9px;
	text-align: left;
}

div#header_box p{
	padding-top: 10px;
	text-align: right;
		display: inline;
}
/* ヘッダー東京 */
div#header_tokyo{
	width:960px;
	height: 157px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background/fc_tokyo719.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#header_tokyo h1{
	font-size: 10px;
	padding-top: 6px;
	padding-left: 25px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 100%;
}

div#header_tokyo h2{
	padding-top: 9px;
	text-align: left;
}

div#header_tokyo p{
	padding-top: 10px;
	text-align: right;
		display: inline;
}
/* ヘッダー大阪 */
div#header_osaka{
	width:960px;
	height: 157px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background/fc_osaka819.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#header_osaka h1{
	font-size: 10px;
	padding-top: 6px;
	padding-left: 25px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 100%;
}

div#header_osaka h2{
	padding-top: 9px;
	text-align: left;
}

div#header_osaka p{
	padding-top: 10px;
	text-align: right;
		display: inline;
}
/* ヘッダー名古屋 */
div#header_nagoya{
	width:960px;
	height: 157px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background/fc_nagoya619.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#header_nagoya h1{
	font-size: 10px;
	padding-top: 6px;
	padding-left: 25px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 100%;
}

div#header_nagoya h2{
	padding-top: 9px;
	text-align: left;
}

div#header_nagoya p{
	padding-top: 10px;
	text-align: right;
		display: inline;
}
/* ヘッダーその他全国 */
div#header_zenkoku{
	width:960px;
	height: 157px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background/fc_zenkoku629.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#header_zenkoku h1{
	font-size: 10px;
	padding-top: 6px;
	padding-left: 25px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 100%;
}

div#header_zenkoku h2{
	padding-top: 9px;
	text-align: left;
}

div#header_zenkoku p{
	padding-top: 10px;
	text-align: right;
		display: inline;
}
/* ヘッダーここまで */
div#globalnavigation{
	height: 54px;
	width: 960px;
	clear: both;
}
div#bread{
	width: 930px;
	text-align: left;
	padding-left: 25px;
}

div#bread p{
	font-size: 0.75em;
	padding-right: 5px;
	color: #FFFFFF;
	padding-top: 50px;
	line-height: 250%;
}
 
div#bread p a{
	color: #FFFFFF;
	text-decoration: none;

}

/* mainここから */
div#mainbody{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* サイドバーここから */
div#sidebar{
	float: right;
	width: 284px;
	display:inline;
	padding-top: 20px;
	margin-right: 20px;
}
.service{
	background-color: #f5f5f5;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.service:hover{
	background-color: #e6f1ff;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.servicecurrent {
	background-color: #e6f1ff;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.servicelast{
	background-color: #f5f5f5;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.servicelast:hover{
	background-color: #e6f1ff;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.servicecurrentlast{
	background-color: #e6f1ff;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.servicecurrentlast:hover{
	background-color: #e6f1ff;
	height: 80px;
	width: 282px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/* サイドバーの文字の大きさ調節ここから */
.service p{
	font-size: 11.2px;
	line-height: 140%;
}
.servicecurrent p{
	font-size: 11.2px;
	line-height: 140%;
}
.servicelast p{
	font-size: 11.2px;
	line-height: 140%;
}
.servicecurrentlast p{
	font-size: 11.2px;
	line-height: 140%;
}
/* サイドバーの文字の大きさ調節 ここまで*/
.service img{
	margin-top: 8px;
	margin-left: 8px;
	border:1px solid #999999;
	display: inline;
	float: left;
}

.service h2{
	font-size: 14px;
	padding-left: 10px;
	display: inline;
	margin-top: 20px;
	line-height: 180%;
}

.servicelast img{
	margin-top: 8px;
	margin-left: 8px;
	border:1px solid #999999;
	display: inline;
	float: left;
}

.servicelast h2{
	font-size: 14px;
	padding-left: 10px;
	display: inline;
	margin-top: 20px;
	line-height: 180%;
}

.servicecurrent img{
	margin-top: 8px;
	margin-left: 8px;
	border:1px solid #999999;
	display: inline;
	float: left;
}

.servicecurrent h2{
	font-size: 14px;
	padding-left: 10px;
	display: inline;
	margin-top: 20px;
	line-height: 180%;
}

.servicecurrentlast img{
	margin-top: 8px;
	margin-left: 8px;
	border:1px solid #999999;
	display: inline;
	float: left;
}

.servicecurrentlast h2{
	font-size: 14px;
	padding-left: 10px;
	display: inline;
	margin-top: 20px;
	line-height: 180%;
}


.comment{
	font-size: 12px;
	padding-left: 80px;
	line-height: 120%;
	padding-right: 5px;
}

.banner{
	padding-top: 0px;
}

.banner img{
	padding-bottom: 5px;
}
.banner p.side_nav a:hover img
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
.sidebarinfo {
	padding-top: 0px;
	padding-bottom: 3px;
}

.sidebarinfoupspace5 {
	padding-top: 5px;
	padding-bottom: 3px;
}

.sidebarinfo h2{
	height: 25px;
	width: 284px;
	color: #FFFFFF;
	padding-left: 14px;
	background-image: url(images/background/sidebartub284.jpg);
	background-repeat: no-repeat;
	font-weight: normal;
	padding-top: 1px;
}
.sidebarinfoupspace5 h2{
	height: 25px;
	width: 284px;
	color: #FFFFFF;
	padding-left: 14px;
	background-image: url(images/background/sidebartub284.jpg);
	background-repeat: no-repeat;
	font-weight: normal;
	padding-top: 1px;
}

.sidebarinfobox{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 282px;
	padding-bottom: 3px;
	padding-top: 4px;
	background-color: #FFFFFF;
}
.sidebarinfobox img{
	margin-top: 5px;
	margin-bottom: 2px;
	margin-right: 3px;
	margin-left: 3px;
}

.sidebarinfobox li{
	background-repeat: no-repeat;
	font-size: 1em;
	height: 24px;
	width: 256px;
	background-color: #FFFFFF;
	padding-left: 26px;
	background-image: url(images/common/arrow02.jpg);
}

.upspace5{
	margin-top: 5px;
}

/* サイドバーここまで */

/* コンテンツここから */
div#contents{
	float: left;
	width: 600px;
	margin-left: 25px;
	display:inline;
	padding-top: 20px;		
}

div#time{
	float: left;
	width: 850px;
	margin-left: 25px;
	display:inline;
	padding-top: 50px;
	padding-left: 25px;
}


div#contents img{
	padding-bottom: 5px;
	font-size: 1.5em;
}
div#contents table{
	padding-left: 10px;
}

div#contents ul{
	background-color: #E9F7FE;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
}

div#contents ul li{
	list-style-type: disc;
	padding-left: 0px;
	list-style-position: inside;
	margin-left: 30px;
	font-weight: bold;
}
.leftspace40{
	padding-left: 40px;
}

div#faq{
	width: 600px;
}

div#faq dt{
	background-image: url(images/icon/round_q.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 550px;
	margin-top: 10px;
	padding-left: 45px;
	display: block;
	padding-top: 10px;
	font-weight: bold;
}

div#faq dd{
	background-image: url(images/icon/round_a.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	width: 550px;
	margin-top: 5px;
	padding-left: 45px;
	padding-top: 10px;
	margin-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 30px;
}

.h202{
	background-image: url(images/title/h202.jpg);
	background-repeat: no-repeat;
	height: 67px;
	width: 600px;
	padding-top: 22px;
	padding-left: 20px;
	letter-spacing:2px;
}

.h301{
	background-image: url(images/title/bluetransbar01.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 20px;
	color: #FFFFFF;
	height: 40px;
	width: 600px;
	letter-spacing:2px;
	margin-top: 10px;
	clear: both;
}

.h302{
	background-image: url(images/title/heading.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 20px;
	color: #666666;
	height: 40px;
	width: 600px;
	letter-spacing:2px;
	margin-top: 10px;
	clear: both;
}


.bluewaku{
	background-image: url(images/title/bluewaku01.jpg);
	height: 43px;
	width: 600px;
	padding-top: 10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.tablepadding{
	padding: 5px;
	letter-spacing:1px;
}
.leftspace10px{
	margin-left: 10px;
}

.leftspace140px{
	margin-left: 140px;
}
.whitetext{
	color: #FFFFFF;
	font-weight: bold;
}

.whitetextsmall{
	color: #FFFFFF;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 6px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.topextitle{
	color: #FFFF66;
	font-weight: bold;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #00CCFF;
}
.whitetext11px{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;

}
.kmtest{
	letter-spacing:2px;
	font-weight: bold;
	}

.companytitle h2{
	background-image: url(images/title/companytitleback01.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 600px;
	padding-left: 30px;
	margin-left: px;
	padding-top: 28px;
	font-size: 1.4em;
}

.honbun p{
	font-size: 1.1em;
	line-height: 160%;
	margin-left: 20px;
	clear: both;
}

.honbun img{
	float: left;
	margin-right: 10px;
}

.ninjya{
    position:absolute;
    left:-9999px;}
	
	
.guide{
}

.guide li{
	padding-left: 20px;
	list-style-position: inside;
}

.contents2boxleft{
	width: 299px;
	display: inline;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}	
.contents2boxright{
	width: 299px;
	display: inline;
	float: right;
}
.upspace10{
	margin-top: 10px;
}
.upspace20{
	margin-top: 20px;
}
.left200{
	padding-left: 200px;
	padding-top: 20px;
}

.clear{
	clear: both;

}	

.text12px{
	font-size: 12px;
	line-height: 140%;
}

.text11px{
	font-size: 11px;
	line-height: 140%;
}
.redtextbold{
	font-weight: bold;
	color: #990033;
}
.backcolor01{
	background-color: #FFCC00;
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.tabletext{
	padding: 5px;
}

.leftspace15{
	padding-left: 15px;
}
.privacy{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.privacy p{
	padding-top: 5px;
	padding-bottom: 5px;
}

.info {
	padding-top: 3px;
	padding-bottom: 3px;
}

.info h2{
	height: 25px;
	width: 600px;
	color: #FFFFFF;
	padding-left: 14px;
	background-image: url(images/background/contentstub600.jpg);
	background-repeat: no-repeat;
	font-weight: normal;
	padding-top: 1px;
}

.info dl{
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}

.info dt{
	font-size: 12px;
}

.info dd{
	font-size: 12px;
	line-height: 140%;
}

.infobox{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 598px;
	padding-bottom: 5px;
}
.w92{
	width: 92px;
}
div#sitemap{
	float: left;
	width: 600px;
	margin-left: 40px;
	display:inline;
	padding-top: 20px;
}
div#sitemap ul{}

div#sitemap ul li{
	background-image: url(images/icon/icon_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: -10px;
	}
	
div#sitemap ul li ul{
	padding-left: 20px;
}

div#sitemap ul li ul li{
	padding:0px 0px 0px 15px;
	background:url(images/icon/icon_01.gif) no-repeat left center;
	}

/* コンテンツここまで */

/* mainここまで */

/* フッターここから */
div#footerbtn{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	height: 26px;
	clear: both;
	background-color: #FFFFFF;
}

div#footerbtn p{
	padding-right: 20px;
}

div#footer{
	background-color: #6d8084;
	background-repeat: repeat-x;
	height: 240px;
}
div#footer_box{
	width:910px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

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

div#footer_box02{
	width:450px;
	float:left;
}
div#footer_box03{
	width:260px;
	float:left;
}

div#footer_box01 ul
div#footer_box02 ul
div#footer_box03 ul
{
	line-height:1.5;
}

div#footer_box01 ul li{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 160%;
}
div#footer_box01 ul li a{
	text-decoration: underline;
	color: #FFFFFF;
}
div#footer_box02 ul li a{
	text-decoration: underline;
	color: #FFFFFF;
}
div#footer_box01 div#footer_box02 ul li a:hover{
	text-decoration: underline;
	color: #FFFFFF;

}


div#footer_box02 ul li{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 160%;
}
div#footer_box03 ul li{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 160%;
}
.w103{
	width: 103px;
}		


/* フッターここまで */

/* ************************************************ 
 * テーブル setting
 * ************************************************ */
.w92{
	width: 92px;
}
/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#go_top
	{
	position:fixed;
	top:50%;
	right:5px;
	}