@charset "UTF-8";

/*

株式会社四国貨物
base.css

written by aki

*/


/*初期化*/

body,h1,h2,h3,h4,h5,h6,div,ul,li,dl,dt,dd,p,br,img,a,address {
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	font-style:normal;
	list-style:none;
	font-weight:normal;
	font-size:100%;
}

/*基本設定*/

body {
	background:url(../images/common/body-back.jpg) repeat-x;
	font-size:80%;
	color:#666666;
}

a {
color:#666666;
}

a:link {
color:#666666;
}

a:visited {
color:#666666;
}

a:hover {
color:#666666;
}

a:active {
color:#666666;
}

/*特殊設定*/

br {
	font-size:0px;
	line-height:0;
}



.clearfix:after {
   content: " ";
   display: block;
   clear: both;
   height: 0px;
   visibility:hidden;
	line-height:0px;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*枠組み*/

#outer_frame ,#main_box{
	width:780px;
	margin:0 auto 0 auto;
}

.inner_frame {
	width:760px;
	margin:0 auto 0 auto;
}

#main_box{
	width:780px;
	background:url(../images/common/main-back.jpg) no-repeat;
}

/*ロゴ部分*/

#top{
	background:url(../images/common/top-back.jpg) no-repeat;
	height:62px;
	width:780px;
}

#top .left{
	width:303px;
}

#top .right{
	width:400px;
}
#top address{
	text-align:right;
	font-size:80%;
	height:35px;
	padding:6px 5px 0 0;
}

#top a{
	display:block;
}

#top #link-policy {
	float:right;
	margin-right:1px;
}

#top #link-top {
	padding:7px 0 0 10px;
	width:303px;
}

/*Flash部分*/

#flash_space {
	width:760px;
	height:211px;
}

/*メインメニュー部分*/

#menu_frame {
	margin:10px 0 5px 3px;
}

#menu_frame_top{
	width:194px;
	height:7px;
	background:url(../images/menu/menu-back-top.gif) no-repeat;
	font-size:0;
	line-height:0;
}

#menu_frame_middle{
	width:194px;
	background:url(../images/menu/menu-back-middle.gif) repeat-y;
	padding:2px 0 10px 0;
}

#menu_frame_bottom{
	width:194px;
	height:7px;
	background:url(../images/menu/menu-back-bottom.gif) no-repeat;
	font-size:0;
	line-height:0;
}

ul#menu {
	width:178px;
	margin:0px 0 0 8px;
}

#menu li {
	float:left;
}

#menu a {
	width:178px;
	height:40px;
	display:block;
}

#menu a:hover {
	background-color:white;
}

#menu a:hover img{
	visibility:hidden;
}



#menu01 a{
	background:url(../images/menu/m1_on.gif) no-repeat;
	height:41px;
}
#menu02 a{
	background:url(../images/menu/m2_on.gif) no-repeat;
}
#menu03 a{
	background:url(../images/menu/m3_on.gif) no-repeat;
}
#menu04 a{
	background:url(../images/menu/m4_on.gif) no-repeat;
}
#menu05 a{
	background:url(../images/menu/m5_on.gif) no-repeat;
}
#menu06 a{
	background:url(../images/menu/m6_on.gif) no-repeat;
}
#menu07 a{
	background:url(../images/menu/m7_on.gif) no-repeat;
}
#menu08 a{
	background:url(../images/menu/m8_on.gif) no-repeat;
	height:42px;
}





#bannar {
	width:174px;
	margin:10px 0 0 10px;
}

#bannar a{
	display:block;
	width:174px;
	margin:5px 0 0px 0px;
}

/*コンテンツ部分*/

#contents {
	width:560px;
	min-height:400px;
	_height:400px;
	max-height:1500px;
}

#contents h2{
	margin-top:10px;
}

#contents #pr_txt {
	width:530px;
	margin:5px 0 0 20px;
	line-height:150%;
}

#boxs {
	width:540px;
	margin:20px auto 0 auto;
}

#boxs .box{
	float:left;
	width:141px;
	_height:252px;
	max-height:520px;
	background:url(../images/top/conbox-back.jpg) no-repeat left bottom;
	margin:0px 8px 0 0;
}

#boxs .box p{
	width:123px;
	margin:0 auto 0 auto;
	color:#FFFFFF;
	font-size:90%;
	min-height:108px;
}


#boxs .box a{
	display:block;
	width:123px;
	margin:20px auto 10px auto;
}



/*コピーライト部分*/

#copyright {
	width:780px;
	height:63px;
	background:url(../images/common/body-bottom.jpg) no-repeat;
	text-align:center;
}

#copyright p {
	font-size:90%;
	padding-top:25px;;
}

/*グローバル要素*/

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.t-center{
	text-align:center;
}

.t-right{
	text-align:right;
}