@charset "UTF-8";

/*

株式会社四国貨物
base.css

written by aki

*/

/*基本設定*/

#main_box{
	background:url(../images/common/sec-back.jpg) no-repeat;
}

#contents{
	background:url(../images/common/con-back.jpg) left bottom no-repeat;
	margin-top:10px;
	padding:0;
	padding-bottom:20px;
	min-height:300px;
	_height:300px;
	max-height:1500px;
}

#contents h2{
	margin:0;
	padding:0;
}

#contents_inner {
	width:520px;
	margin:5px auto 0 auto;
	min-height:300px;
	_height:300px;
	max-height:1500px;
}
#contents_inner_box {
	width:500px;
	margin:5px auto 0 auto;
}

#company dl#com1{
	width:500px;
	background-color:#e7edff;
	border-bottom:solid 1px #6db2f0;
	border-left:solid 1px #6db2f0;
}

#company dl#com1 dt{
	width:120px;
	float:left;
	color:#6f91d3;
	border-top:solid 1px #6db2f0;
	padding:3px 0 3px 5px;


}

#company dl#com1 dd{
	width:367px;
	float:left;
	background-color:white;
	border-top:solid 1px #6db2f0;
	border-left:solid 1px #6db2f0;
	padding:3px 0 3px 5px;
	border-right:solid 1px #6db2f0;
}

#company dl#com1 #ul {
	padding:5px 0 0 0;
}


#company dl#com1 a:hover {
	color:#333333;
	text-decoration:underline;
}

#company dl#com1 a:link {
	color:#000000;
}
#company dl#com1 a:visited {
	color:#333333;
}



#company dl#com2{
	width:243px;
	border:solid 1px #6db2f0;
	margin-top:11px;
	padding-bottom:10px;
}


#company dl#com2 dt{
	width:238px;
	_width:243px;
	background-color:#e7edff;
	border-bottom:solid 1px #6db2f0;
	color:#6f91d3;
	padding:3px 0 3px 5px;
}

#company dl#com2 dd{
	width:230px;
	margin:5px auto 0 auto;
}

#company dl#com2 dd.y-green{
	margin:10px auto 0 auto;
}

#company img#map{
	margin-top:10px;
	border:solid 1px #6db2f0;
}

#company dl#com3{
	border:solid 1px #6db2f0;
	margin-top:11px;
	padding-bottom:10px;
	_height:100px;
}

#company dl#com3 dt{
	background-color:#e7edff;
	border-bottom:solid 1px #6db2f0;
	color:#6f91d3;
	padding:3px 0 3px 5px;
}

#company dl#com3 dd.left{
	width:330px;
}

#company dl#com3 dd.left ul{
	width:150px;
	margin:20px 0 0 10px;
}

#company dl#com3 dd.right{
	margin-top:10px;
	width:150px;
}

.y-green{
	color:#7dbf0e;
}

/*-------------------------------------search-----------------------------------------------------*/

#search .box{
	width:235px;
}

#search .box .txt{
	color:white;
	width:225px;
	margin:0 auto 0 auto;
}

#search .box .img{
	width:194px;
	margin:5px auto 5px auto;
}

#search #box1{
	background:url(../images/search/box1-btm.gif) left bottom no-repeat #45b9ed;
}

#search #box2{
	background:url(../images/search/box2-btm.gif) left bottom no-repeat #a2d849;
}
#search #img01{
	background:url(../images/search/img01.gif) no-repeat;
	width:497px;
	height:363px;
	margin:10px auto 0 auto;
}
#search #top-txt{
	height:300px;
}

#search #top-txt .left,#search #top-txt .right{
	margin:135px 0 0 0;
}
#search #top-txt .left{
	margin-left:10px;
}
#search #top-txt .right{
	margin-right:10px;
}

#search #top-txt #txt3{
	margin:60px 0 0 50px;
}

#search #bottom-txt p{
	margin:30px 0 0 80px;
}

#search #route{
	margin:10px 5px 0 0;
}

#search #banner{
	width:497px;
	margin:10px auto 0 2px;
}

/*-------------------------------------route-----------------------------------------------------*/

#route #box1{
	width:500px;
	background:url(../images/route/box-btm.gif) left bottom no-repeat;
	padding-bottom:10px;
}

#route #box1 dd{
	color:#003399;
	width:480px;
	margin:10px auto 0 auto;
}


#route #box1 dd a{
	margin:0 10px 10px 10px;
}



#route #box-txt {
	background:url(../images/route/txt-box.gif) no-repeat;
	width:497px;
	height:74px;
	margin-top:10px;
}

#route #box-txt p{
	padding:25px 0 0 90px;
	width:400px;
	font-size:90%;
}

#route #search{
	margin:10px 5px 0 0;
}

#route #contact{
	margin:10px 0 0 0;
}


/*-------------------------------------ferry-----------------------------------------------------*/
#ferry div.box{
	margin:10px 0 10px 0;
	border:1px solid #6db2f0;
	height:100px;
}

#ferry div.box{
	width:455px;
	margin:10px auto 10px auto;
	padding:10px 10px 10px 10px;
	border:1px solid #6db2f0;
	background-color:#f8f8f8;
	_height:50px;
}

#ferry div.box p{
	width:350px;
	color:#6db2f0;
	margin:5px 0 0 20px;
}

#ferry div.box ul{
	width:150px;
	margin:5px 0 0 10px;
}
#ferry div.box ul li{
	margin:5px 0 0 0;
}


/*-------------------------------------spot-----------------------------------------------------*/

#spot .box{
	width:511px;
	padding-bottom:10px;
	background:url(../images/spot/box-btm.gif) no-repeat bottom left;
}

#spot .box-inner{
	width:490px;
	margin:0 auto 0 auto;
}

#spot .box-inner h3{
	background-color:#00ff00;
	height:25px;
}

#spot .box-inner h3{
	background-color:#a2d74f;
	height:25px;
	color:white;
}

#spot .box-inner h3 span{
	padding: 5px 5px 5px 5px;
}

#spot .box-inner p{
	margin-top:10px;
	width:280px;
}

/*-------------------------------------policy-----------------------------------------------------*/

#policy dl{
	margin:10px 0 0 0;
}

#policy dl dt{
	font-weight:bold;
}

#policy dl dd{
	padding-left:10px;
}

#policy dl dd ol li{
	list-style-type:disc;
}


/*-------------------------------------news-----------------------------------------------------*/

#news .entryBodyset{
	margin-top:30px;
}

#news .entry_title{
	background:url(../images/news/bak1.gif) left bottom repeat-x;
	min-height:1px;
	_height:1px;
	margin:0px 0 0 5px;
}

#news .entry_title-inner{
	background:url(../images/news/ic1.gif) left 2px no-repeat;
	font-size:20px;
	line-height:1.5;
	padding:0 0 5px 25px;
}

#news .entry_title-inner a{
	font-weight:bold;
}


#news .entry_body{
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	line-height:1.3em;
}

#news .entry_body br {
	font-size:14px;
	line-height:1.2em;
}

#news .pagetop a{
	color:red;
}


#news #newsmenu{
	
}

#news #newsmenu li{
	float:left;
	padding:0 5px 0 5px;
}




/*-------------------------------------topics-----------------------------------------------------*/


#topics .entry_title{
	background:url(../images/news/bak1.gif) left bottom repeat-x;
	min-height:1px;
	_height:1px;
	margin:0px 0 0 5px;
}

#topics .entry_title-inner{
	background:url(../images/news/ic1.gif) left 2px no-repeat;
	font-size:20px;
	line-height:1.5;
	padding:0 0 5px 25px;
}

#topics .entry_title-inner a{
	font-weight:bold;
}

#topics .entry_date{
	text-align:right;
	padding:10px;
}


#topics .entry_body{
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	line-height:1.3em;
}

#topics .entry_body br {
	font-size:14px;
	line-height:1.2em;
}


/*-------------------------------------formmail----------------------------------------------------*/


#form{
	width: 495px;
	padding-top: 8px;
	font-size: 11px;
	font-weight: lighter;
	color: #888888;
}