@charset "utf-8";

@import "reset.css";
@import "object.css";
@import "layout.css";

/*=========================================================================*/
/*                    　　　Style CSS [style.css]    　　                  */
/*=========================================================================*/

/*======================================*/
/*       枠が[*]の項目は編集必須        */
/*       枠が[=]の項目は編集可能        */
/*       枠が[-]の項目は編集不可        */
/*======================================*/



/****************************************
 @Site Regulation Body
*****************************************/
body.back1 {
     color:#000000;
     font-size:12px;
     line-height:1.5em;
     font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
     background:url(../img/top/back01.gif) repeat-x 0 0;
     background-color:#303030;
}

body.back2 {
     color:#000000;
     font-size:12px;
     line-height:1.5em;
     font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
     background-color:#333333;
}


/****************************************
 @Site Regulation Anchor
*****************************************/
a:link {
	color:#0018ff;
	text-decoration:underline;
}
a:visited {
	color:#0018ff;
	text-decoration:underline;
}
a:hover {
	color:#0018ff;
	text-decoration:none;
}
a:active {
	color:#0018ff;
	text-decoration:none;
}

/****************************************
 @Module h1 Module
*****************************************/
h1 {
	font-size:12px;
	font-weight:normal;
}

/****************************************
 @Module h2 Module
*****************************************/
h2.one_col {
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 15px 0;
    background:url(../img/title01.gif) no-repeat 0 0;
    width:901px;
    height:39px;
    padding:10px 10px 0 10px;
}
h2.two_col {
	font-size:16px;
	color:#FFFFFF;
	margin:0 0 15px 0;
    background:url(../img/title01-2.gif) no-repeat 0 0;
    width:630px;
    height:39px;
    padding:10px 10px 0 10px;
}


/****************************************
 @Module h3 Module
*****************************************/
h3 {
	font-size:13px;
	margin:0;
    background:url(../img/title02.gif) no-repeat 0 0;
    height:23px;
    padding:0 10px 0 25px;
}

/****************************************
 @Module h4 Module
*****************************************/
h4 {
	font-size:13px;
	margin:0;
    background:url(../img/title03.gif) no-repeat 0 4px;
    height:12px;
    padding:0 10px 5px 25px;
}


/****************************************
 @Module h5 Module
*****************************************/
h5 {
	font-size:13px;
	margin:0;
    background:url(../img/title04.gif) no-repeat 0 bottom;
    height:24px;
    padding:0;
}


/****************************************
 @Module Scroll Box
*****************************************/
.scroll_box {
	height:150px;
	overflow:scroll;
	overflow-x:hidden;
}

/****************************************
 @Module Table
*****************************************/

/*
table {
	width:100%;
	border-collapse:collapse;
}
table.itemtop th, td {
	padding:10px;
	border:solid 1px #CCCCCC;
}
table.itemtop th {
	color:#000033;
	background:#E6E6E6;
}
table.itemleft th, td {
	padding:10px;
	border:solid 1px #CCCCCC;
}
table.itemleft th {
	width:20%;
	color:#000033;
	background:#E6E6E6;
}
*/

/*=======================================
 @Module Fixbtn
=========================================*/
#fixbtn {
	width:50px;
	height:300px;
	position:fixed;
	top:20%;
	right:0;
	direction:ltr;
	unicode-bidi:bidi-override;
	-webkit-writing-mode:vertical-rl;
	background:#CCCCCC;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
#fixbtn a {
	display:block;
	width:50px;
	height:300px;
}

/*=======================================
 @Module Fixnavi
=========================================*/
#fixnavi {
	width:100%;
	height:100px;
	position:fixed;
	bottom:0;
	background:#CCCCCC;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	z-index:1000;
}

/*=======================================
 @Module Breadcrumb Module
=========================================*/
.breadcrumb li {
	display:inline;
}
.breadcrumb li a {
	padding:0 20px 0 0;
	background:url(/material/img/common/img_arrow.gif) no-repeat right;
}

/*=======================================
 @Module Ico Module
=========================================*/
.ico_pink {
	padding:0 0 0 8px;
	background:url(/material/img/common/ico_pink.gif) no-repeat left top;
}
.ico_red {
	padding:0 0 0 8px;
	background:url(/material/img/common/ico_red.gif) no-repeat left;
}
.ico_arrow {
	padding:0 0 0 8px;
	background:url(/material/img/common/ico_arrow.gif) no-repeat left;
}
.ico_block_arrow {
	padding:0 0 0 8px;
	background:url(/material/img/common/ico_block_arrow.gif) no-repeat left;
}

/*---------------------------------------
 @Module Media
-----------------------------------------*/
.media .content {
	display:table-cell;
	zoom:1;
}
.media .left {
	float:left;
}
.media img {
	display:block;
}
.media .right {
	float:right;
}
.media .content:before, .media .content:after {
	content:"";
	display:table;
}
.media .content:after {
	clear:both;
}
.media .content {
	zoom:1;
}

/*---------------------------------------
 @Module Grid
-----------------------------------------*/
.grid_half {
	width:50%;
	float:left;
	display:inline;
 *margin-right:-1px;
}
.grid_one-third {
	width:33.3%;
	float:left;
	display:inline;
 *margin-right:-1px;
}



/*---------------------------------------
 @TOP News
-----------------------------------------*/
#contents .table01 {
    width:940px;
    padding:0;
    margin:0;
}
#contents .table01 .td01 {
    width:700px;
}
#contents .table01 .td02 {
    width:240px;
    vertical-align:bottom;
    text-align:center;
}
#contents .news {
    width:700px;
    padding:0;
    color:#ffffff;
}
#contents .news .td03 {
    padding:7px 0;
}
#contents .news .td04 {
    background:#ffffff;
    height:1px;
}




/*---------------------------------------
 @パンくずナビ
-----------------------------------------*/
#pan {
	width:960px;
	margin:0 auto 0 auto;
	height:25px;
}
#pan li {
	float:left;
	text-align:left;
	height:25px;
	display:inline;
}
#pan li a {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	text-decoration:none;
	margin:5px 0 0 30px;
	font-weight: bold;
	height:25px;
}
#pan li.pan01 {
    margin:0 0 0 0;
    background:url(../img/arrow_05.gif) no-repeat 0 0;
    height:25px;
}

/*---------------------------------------
 @pagetop
-----------------------------------------*/
#pagetop {
	width:960px;
	background:#ffffff;
	margin:0 auto -5px auto;
	padding:0;
	text-align:right;
}

.arrow {
    margin:0;
    background:url(../img/arrow_06.gif) no-repeat 0 center;
    padding:0 0 0 15px;
}




/*---------------------------------------
 @ロジスティクス　通信販売
-----------------------------------------*/
.net_back01 {
    background:url(../img/example/net_img03.gif) no-repeat 0 0;
    width:190px;
    height:67px;
    padding:0;
    margin:0 5px;
}
.net_back02 {
    background:url(../img/example/net_img03b.gif) no-repeat 0 0;
    width:190px;
    height:91px;
    padding:0;
    margin:0 5px;
}

.table02 th {
    background-color:#c1e6f4;
    padding:20px;
    width:25%;
}
.table02 td {
    background-color:#f8f8f8;
    padding:20px;
}
.table02 .line {
    border-bottom: 1px solid #cccccc;
}




/*---------------------------------------
 @企業情報
-----------------------------------------*/
.table03 { width:100%; }
.table03 th {
    background-color:#e1e1e1;
    padding:10px;
    width:25%;
    vertical-align:top;
    text-align:left;
}
.table03 td {
    background-color:#fbfbfb;
    padding:10px;
    vertical-align:top;
}
.table03 .line {
    border-bottom: 1px solid #444444;
}
.table03 .line2 {
    border-right: 1px solid #444444;
}

.table04 { width:100%; }
.table04 th {
    background-color:#dddddd;
    padding:10px;
    width:25%;
    vertical-align:top;
    font-weight: normal;
}
.table04 td {
    padding:10px;
    vertical-align:top;
    line-height:200%;
}
.table04 .td1 {
    background-color:#f3f3f3;
    padding:10px;
    text-align:center;
}
.table04 .line {
    border-bottom: 1px solid #444444;
}

.table05 { width:100%; }
.table05 th {
    background:url(../img/company/ico_01.gif) no-repeat 0 center;
    height:10px;
    padding:0 0 0 15px;
    font-weight: normal;
    text-align:left;
}
.table05 td {
    background-color:#f8f8f8;
    padding:5px 10px;
    vertical-align:top;
    line-height:200%;
}
.table05 .td1 {
    background-color:#ffffff;
    padding:0;
}


.recruit_back01 {
    background-color:#eeeeee;
}



/*---------------------------------------
 @お問い合わせ
-----------------------------------------*/
.table06 { width:760px; }
.table06 th {
    background-color:#f8f8f8;
    padding:10px 0;
    text-align:left;
    vertical-align:top;
}
.table06 td {
    background-color:#ffffff;
    padding:10px 0;
    text-align:left;
}
.table06 img {
    vertical-align:middle;
}
.table06 td.red {
    color:red;
    padding:0;
}


.table07 { width:600px; }
.table07 th {
    width:200px;
    padding:10px 0;
    text-align:left;
    vertical-align:top;
}
.table07 td {
    padding:10px 0;
    text-align:left;
}




/*---------------------------------------
 @サイトマップ
-----------------------------------------*/

.sitemap_box {
	width:40%;
	float:left;
	display:inline;
	background-color:#dddddd;
    margin-right:20px;
}




/*---------------------------------------
 @個人情報保護方針について
-----------------------------------------*/


#privacy li.txt01 {
    text-indent:-30px; 
    padding-left:30px;
}
#privacy li.txt02 {
    text-indent:-10px; 
    padding-left:10px;
}



/*---------------------------------------
 @TOPページ
-----------------------------------------*/
.top_l {
    position:relative;
    top:130px;
    left:-15px;
}

.top_r {
    position:relative;
    top:427px;
    left:-45px;
}


.mal30 { margin-left:30px; }