@charset "utf-8";

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　　　　　　リセット  　　　 　　　 　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　　　　　　　全体 　 　　　 　　　 　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
body {
	margin: 0;
	padding: 0;
	color: #444;
	font-family:"MS Pゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:75%;
	line-height:150%;
	font-weight: lighter;
}

/*＝＝＝＝＝＝＝＝＝リンク＝＝＝＝＝＝＝＝＝*/

a {
	outline:none;
	text-decoration:underline;
}

a:link {
	color: #666;
	text-decoration:underline;
}

a:visited {
	color: #666;
	text-decoration:underline;
}

a:hover {
	color: #0088c5;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　　　　　　ヘッダー 　 　　 　　　 　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div#header {
	border-top:#cccccc solid 10px;
	margin-bottom:20px;
}

div#header h1 {
	float: left;
	margin-right: 20px;
	padding: 1.6em 0 0;
}

div#header h1 a:hover img {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}


div#header .menu {
	float:right;
	margin-top:35px;
	}
	
div#header .menu ul {
	height:auto;
	}
	
div#header .menu ul li {
	float:left;
	margin-right:10px;
	list-style:none;
	}
	

/*ヘッダーメニュー*/

div#header-menu {
	height:43px;
	margin-bottom:1px;
	}

div#header-menu .menu {*}
div#header-menu .menu ul { height:43px;}
div#header-menu .menu ul li { float:left; list-style:none;}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　　　　　　　wrapper　　　　　 　　　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
   
div#wrapper{
	margin:0 auto;
	width:1000px;
	height:100%;
	overflow:hidden;
	}
	
div#wrapper2/*下層ページのメインの文章用のラッパー*/{
	margin:0 auto;
	height:100%;
	overflow:hidden;
	}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　　　　　　　main　 　 　　 　　　 　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
   
div#main {
	width: 1000px;
	margin: 0 auto;
}

div#main h2 {
	margin:0;}

div#main .main_imag {
	height:200px;
	border:#ccc solid 1px;
}



/*ぱんくずリスト*/
   
div#main .pankuzu {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}

div#main .pankuzu ul {
	height:auto;
	margin:0px 0px 5px 0px;
	}
	
div#main .pankuzu ul li {
	float:left;
	margin-right:25px;
	list-style-image:url(../image/common/arrow_02.gif);
	}


div#main .pankuzu ul li a,a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#0088c5;
}

div#main .pankuzu ul li#first {
	list-style:none;
	color:#0088c5;
	}

div#main .pankuzu ul li#first a,a:link {
	color:#0088c5;
	}

div#main .pankuzu ul li a:hover,li#first a:hover {
	color:#0088c5;
	text-decoration:none;
	}


/* =========================================================
■primary
========================================================= */
div#primary {
	float: left;
	width:720px;
	margin-top:10px;
}

div#primary h3 {
	margin:0;
}


div#primary .line {
	margin:0;
	clear:both;
}


div#primary .article01 {
	margin:0;
	margin-top:25px;
}

div#primary .article01 a,a:link {
	color:#09F;
	text-decoration:underline;
}

div#primary .article01 a:hover {
	color:#09F;
	text-decoration:none;
}

div#primary .article01 .img {
	margin:0;
	float:left;
	text-align:center;
}

div#primary .article01 .img img {
	border:#CCC solid 1px;
}

div#primary .article01 .txtarea {
	width:550px;
	margin:0;
	margin-bottom:20px;
	float:right;
}

div#primary .article01 .txtarea h4 {
	margin:0;
}

div#primary .article01 .txtarea .txt-1 {
	margin:0;
	margin-top:20px;
}

div#primary .article01 .txtarea .detail {
	margin:0;
	margin-top:10px;
}

div#primary .article01 .txtarea .detail a:hover img {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}


/*実績紹介>WEB企画制作実績*/

div#primary .article01 .txtarea2 {
	width:420px;
	margin:0;
	margin-bottom:20px;
	float:right;
}

div#primary .article01 .txtarea2 h4 {
	border-bottom:#999 dotted 1px;
	padding-bottom:5px;
	/*font*/
	font-style:normal;
	font-weight:bold;
	font-size:110%;
	color:#1B79B2;
}

div#primary .article01 .txtarea2 .txt-1 {
	margin:0;
	margin-top:10px;
}



/*★★★★★★★★★バナー群★★★★★★★★★ */

div#primary .article02 {
	margin:0;
	margin-top:15px;
}


div#primary .article02 ul {
	margin:0;
	}
	
div#primary .article02 ul li {
	margin-bottom:5px;
	background:url(../image/common/arrow_08.gif) no-repeat;
	background-position:0px 2px;
	list-style:none;
	padding-left:20px;
	}



div#primary .article02 .img {
	margin:0;
	margin-bottom:20px;
	float:left;
	width:50%;
}

div#primary .article02 .img img {
	border:#CCC solid 1px;
}

div#primary .article02 .img .detail {
	margin:10px 10px 0 0;
	float:right;
}

div#primary .article02 .img .detail img {
	border:none;
}


div#primary .article02 .img .detail a:hover img {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}
	
	
div#primary .article02 .img .txt-1 {
	margin:3px 10px 0 0px;
}

div#primary .article02 .img .txt-1 em {
	font-style:normal;
	font-weight:bold;
	font-size:110%;
}
	


/*★★★★★★★★★通常文章／サービス情報・★★★★★★★★★ */

div#primary .article03 {
	margin:0;
	margin-top:15px;
}


div#primary .article03 ul {
	margin-top:10px;
	}
	
div#primary .article03 ul li {
	margin-bottom:5px;
	background:url(../image/common/arrow_08.gif) no-repeat;
	background-position:0px 2px;
	list-style:none;
	padding-left:20px;
	}


div#primary .article03 .txtarea {
	margin:0;
	margin-bottom:20px;
}

div#primary .article03 .txtarea h4 {
	margin-top:20px;
}

div#primary .article03 .txtarea .txt-1 {
	margin:0;
	margin-top:10px;
	margin-bottom: 40px;
}

div#primary .article03 .txtarea .txt-1 em {
	font-style:normal;
	font-weight:bold;
	font-size:110%;
}

div#primary .article03 .txtarea .txt-1 span {
	color:#CC0000;
}



div#primary .article03 .txtarea .img {
	margin:20px 0;
	text-align:center;
}


div#primary .article03 .txtarea .flow {
	margin:10px 0;
	height:43px;
	border:#CCC solid 1px;
}

div#primary .article03 .txtarea .flow img {
	float:left;
}

div#primary .article03 .txtarea .flow p {
	margin:1.2em 0 0 230px;
}

div#primary .article03 .txtarea .arrow {
	float:none;
	margin-left:80px;
}

/*実績紹介のところの文章ボックス*/

div#primary .article03 .txtarea2 {
	margin:0;
	margin-bottom:20px;
}

div#primary .article03 .txtarea2 .txt-1 {
	margin:0;
	margin-top:20px;
}

div#primary .article03 .txtarea2 .container {
	margin:0;
	margin-bottom:20px;
	float:left;
	width:50%;
}

div#primary .article03 .txtarea2 .container em {
	font-style:normal;
	font-weight:bold;
	font-size:110%;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーお問い合わせフォームーーーーーーーーーーーーーーーーーーーーーーー*/

div#primary .article03 .form {
	margin:0;
	border-top:#999 dotted 1px;
	}

div#primary .article03 .form ul {
	margin-top:20px;
	height:40px;
	position:relative;
}

div#primary .article03 .form ul li {
	float:left;
	margin:0;
	height:40px;
	width:207px;
	list-style:none;
}

div#primary .article03 .form .thanks {
	margin-top:50px;
	text-align:center;
}

div#primary .article03 .form .thanks em {
	margin-bottom:20px;
	/*font*/
	font-style:normal;
	font-weight:bold;
	font-size:150%;
	color:#CC0000;
}

div#primary .article03 .form .thanks span {
	color:#CC0000;
}


/*★★★★★★★★★輸送サービス支援★★★★★★★★★ */

div#primary .article04 {
	margin:0;
	margin-top:15px;
}


div#primary .article04 .txtarea {
	margin:0;
	margin-bottom:20px;
}

div#primary .article04 .txtarea h4 {
	margin-top:20px;
}

div#primary .article04 .txtarea .txt-1 {
	margin-top:20px;
	margin-bottom: 20px;
}

/*ケース(1)　—　輸送サービス支援*/
div#primary .article04 .txtarea .case1_1 {
	width:588px;
	margin:0 auto;
	background:url(../image/service/article_case-bg.gif) repeat-y;
}

div#primary .article04 .txtarea .case1_1 ul {
	height:auto;
	margin-left:80px;
	padding:10px 0;
	}
	
div#primary .article04 .txtarea .case1_1 ul li {
	margin-bottom:5px;
	background:url(../image/common/arrow_05-1.gif) no-repeat;
	background-position:0px 0px;
	padding:2px 0 0 30px;
	list-style:none;
	}
	

div#primary .article04 .txtarea .case1_2 {
	width:588px;
	margin:0 auto;
	background:url(../image/service/article_case-bg.gif) repeat-y;
}

div#primary .article04 .txtarea .case1_2 ul {
	height:auto;
	margin-left:80px;
	padding:10px 0;
	}
	
div#primary .article04 .txtarea .case1_2 ul li {
	margin-bottom:5px;
	background:url(../image/common/arrow_05-2.gif) no-repeat;
	background-position:0px 0px;
	padding:2px 0 0 30px;
	list-style:none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/*ケース(2)*/
div#primary .article04 .txtarea .case2 {
	width:588px;
	margin:0 auto;
	background:url(../image/service/article_case-bg.gif) repeat-y;
}

div#primary .article04 .txtarea .case2 ul {
	height:auto;
	background:url(../image/service/webcreation_img01.jpg) no-repeat;
	background-position:330px 40px;
	margin-left:60px;
	padding:10px 0;
	}
	
div#primary .article04 .txtarea .case2 ul li {
	margin-bottom:10px;
	list-style:none;
	}

div#primary .article04 .txtarea .case2 ul li span {
	color:#013364;
	font-weight:bolder;
	}


/*ケース(3)*/
div#primary .article04 .txtarea .case3 {
	width:588px;
	margin:0 auto;
	background:url(../image/service/article_case-bg.gif) repeat-y;
}



/*Left*/

div#primary .article04 .txtarea .case3 ul#Left {
	height:auto;
	margin-left:60px;
	padding:10px 0;
	float:left;
	}
	
	
div#primary .article04 .txtarea .case3 ul#Left li {
	margin-bottom:10px;
	list-style:none;
	font-weight:bolder;
	font-size:110%;
	}

div#primary .article04 .txtarea .case3 ul#Left li span {
	color:#013364;
	}


/*Right*/

div#primary .article04 .txtarea .case3 ul#Right {
	height:auto;
	margin-left:390px;
	padding:10px 0;
	}
	
	
div#primary .article04 .txtarea .case3 ul#Right li {
	margin-bottom:10px;
	list-style:none;
	font-weight:bolder;
	font-size:110%;
	}

div#primary .article04 .txtarea .case3 ul#Right li span {
	color:#013364;
	}






div#primary .article04 .txtarea .case3 .caption{
	margin:0 10px 10px 60px;
	color:#1C79B2;
	}


div#primary .article04 .txtarea .arrow {
	margin:10px 0;
	text-align:center;
}

div#primary .article04 .txtarea .img {
	margin:10px 0;
	text-align:center;
}


div#primary .article04 .txtarea .caption {
	width:480px;
	margin:20px auto;
}

div#primary .article04 .txtarea .caption ul {
	margin:0;
	}

div#primary .article04 .txtarea .caption ul li {
	margin-right:40px;
	background:url(../image/common/arrow_07.gif) no-repeat;
	background-position:0px 3px;
	list-style:none;
	padding-left:13px;
	/*font*/
	color:#660033;
	font-weight: bolder;
	}


/*その他にもこんなサービスがあります*/

div#primary .article04 .service {
	margin-bottom:20px;
}

div#primary .article04 .service .container {
	float:left;
	width:33%;
	height:170px;
	border-right:#999 solid 1px;
}

div#primary .article04 .service .container h4 {
	text-align:center;
}

div#primary .article04 .service .container .txt-1{
	margin:10px;
}


/*ロジスティクス提携・協力会社全国ネットワーク一例*/

div#primary .article04 .network {
	margin-bottom:20px;
}

div#primary .article04 .network h4 {
	margin:30px 0px 10px 0px;
	font-size: 130%;
}


div#primary .article04 .network ul {
	margin:10px 0 0 30px;
}

div#primary .article04 .network ul li {
	list-style:none;
}


div#primary .article04 .network .container {
	float:left;
	width:30%;
	margin-bottom:10px;
	padding-left:20px;
}


div#primary .article04 .network .container h4 {
	margin:0;
}


div#primary .article04 .network .container .txt-1{
	margin:0px;
}

/*実績紹介＞その他の実績*/

div#primary .article04 .results {
	margin-bottom:20px;
}

div#primary .article04 .results h4 {
	text-align:center;
}

div#primary .article04 .results h4 img {
	border:#CCC solid 1px;
}


div#primary .article04 .results .container {
	float:left;
	width:25%;
	margin-bottom:20px;
}


div#primary .article04 .results .container .txt-1{
	margin:0px;
	text-align:center;
}


/*物流コストの削減と最適化*/

div#primary .article05 {
	margin-top:20px;
}

div#primary .article05 .service {
	margin:20px 0;
	border:#999 solid 1px;
}

div#primary .article05 .service h4 {
	margin:0;
}


div#primary .article05 .service .container {
	float:left;
	width:38%;
}

div#primary .article05 .service .container .txt-1{
	margin:30px 15px 10px 15px;
	/*font*/
	font-weight:bolder;
}



div#primary .article05 .service .container2 {
	float:left;
	width:60%;
	border-left:#999 solid 1px;
	padding-bottom:20px;
}

div#primary .article05 .service .container2 .txt-2{
	margin:10px 0 0 10px;
}

div#primary .article05 .service .container2 ul{
	margin:0 10px 0 30px;
}

div#primary .article05 .service .container2 ul li{
	list-style-type:disc;
}


/*物流付帯サービス支援*/

div#primary .article06 {
	margin-top:0px;
}

div#primary .article06 .service {
	margin:20px 0;
}

div#primary .article06 .service .caption {
}


div#primary .article06 .service .container {
	float:left;
	width:350px;
	margin:20px 15px 0 0;
	border:#999 solid 1px;
}

div#primary .article06 .service .container  h4 {
	margin:0;
}

div#primary .article06 .service .container .txt-2{
	margin:10px;
}


div#primary .article06 .service .container .img{
	margin:20px 0;
	text-align:center;
}

/*ーーーーーーーーーーーーーーーーーーー会社概要ーーーーーーーーーーーーーーーーーーー*/

div#primary .article07 {
	margin-top:0px;
}

div#primary .article07 a {
	color:#0087C5;
	text-decoration:underline;
}

div#primary .article07 a:hover {
	color:#0087C5;
	text-decoration:none;
}

/* tableの共通設定
----------------------------------------------------------- */
div#primary .article07 table	{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom:50px;
	margin-top:15px;
	/*txt設定*/
	color:#444;
	font-weight:normal;
	line-height:1.5em;
}

div#primary .article07 td	{
	padding: 15px 20px;
	color: #444;
	border-bottom:#999 dotted 1px;
}

.article07-ttl{
	width:17%;
	text-indent:1em;}
	
.article07-detail{ width:70%;}


/*ーーーーーーーーーーーーーーーーーーー採用情報ーーーーーーーーーーーーーーーーーーー*/

div#primary .article08 {
	margin-top:0px;
}


div#primary .article08 p {
	margin:10px 0 0 0;
}

div#primary .article08 em {
	font-style:normal;
	font-weight:bold;
	font-size:120%;
}



/* tableの共通設定
----------------------------------------------------------- */
div#primary .article08 table	{
	border-collapse: collapse;
	border-spacing: 0;
	border:#999 solid 1px;
	width: 100%;
	margin-bottom:50px;
	margin-top:20px;
	/*txt設定*/
	color:#444;
	font-weight:normal;
	line-height:1.5em;
}

div#primary .article08 td	{
	padding: 5px 20px;
	color: #515151;
	border-bottom:#999 solid 1px;
	border-right:#999 solid 1px;
}

.article08-ttl{
	width:25%;
	text-indent:1em;
	background-color:#CCC;
	}
	
.article08-detail{ width:70%;}



/*★★★★★★★★★お問い合わせ★★★★★★★★★ */

div#primary .info {
	margin:0;
	padding:0.7em 1em 0 1em;
	margin-top:30px;
	background-color:#ebebe0;
	border-top:#c2c2a3 solid 5px;
	border-right:#e0e0e0 solid 1px;
	border-bottom:#e0e0e0 solid 1px;
	border-left:#e0e0e0 solid 1px;
}

div#primary .info .detail_1{
	margin:0;
	margin:10px 20px 0 0;
	float:left;
}

div#primary .info .detail_1 p{
	margin-bottom:5px;
}

div#primary .info .detail_1 a:hover img {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}


div#primary .info .detail_2{
	margin:0;
	float:left;
}

div#primary .info .detail_2 p{
	margin-bottom:5px;
	padding:10px 0;
	border-bottom:#666 dotted 1px;
}


/* =========================================================
■secondary
========================================================= */
div#secondary {
	background-color:#e9e9e9;
	float: right;
	padding:1em;
	margin-top:10px;
}

div#secondary h3 {
	margin:10px 0 20px 0;
}


div#secondary ul {
	margin:0;
}

div#secondary ul li {
	list-style:none;
}

div#secondary ul#default {
	margin-bottom:10px;
	
}

div#secondary ul#default li {
	margin:0;
}

div#secondary ul#active {
	margin-bottom:10px;
	
}

div#secondary ul#active li {
	margin-bottom:5px;
}

div#secondary ul#bunner {
	margin-bottom:10px;
	
}

div#secondary ul#bunner li {
	margin-bottom:10px;
}

div#secondary ul#bunner li img {
	border:#999 solid 1px;
}


div#secondary ul#bunner li a:hover img {
	filter: Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}





/*★★★★★★★★★ページトップ★★★★★★★★★ */

div#pagetop {
	width:1000px;
	margin:0 auto;
	margin-top:30px;
}

div#pagetop ul {
	height:30px;
	margin-left:798px;
	}
	
div#pagetop ul li {
	float:left;
	margin-right:40px;
	background:url(../image/common/arrow_03.gif) no-repeat;
	background-position:0px 2px;
	list-style:none;
	padding-left:20px;
	}


div#pagetop ul li a,a:link {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333;
}

div#pagetop ul li a:hover {
	color:#0088c5;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　　　　　　フッター　　　 　　 　　　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div#footer {
	background-color:#ccc;
	padding:20px 0 40px 0;
	margin: 0 auto;
}

/*★★★★★★★★★フッターメニュー★★★★★★★★★ */


div#footer .menu {
	width:1000px;
	margin:0 auto;
}

div#footer .menu ul {
	height:30px;
	}
	
div#footer .menu ul li {
	float:left;
	margin-right:20px;
	background:url(../image/common/arrow_01.gif) no-repeat;
	background-position:0px 2px;
	list-style:none;
	padding-left:20px;
	}


div#footer .menu ul li a,a:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	text-decoration:none;
}

div#footer .menu ul li a:hover {
	color:#0088c5;
}



div#footer .menu .copy {
	margin:0;}



/*==================================== clearfix ==================================== */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

.clr  {
clear : left;
} 



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　 ■■■■　　　その他環境ごとのスタイル(ハック)　　　■■■■
   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
   
/* for IE6 */
* html body {
    font-size: 75%;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;}