@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
color:#666565;
}

a{
	color:#33C;
}

img {
    border-style:none;
}

div#headertop{
	width:100%;
	height:20px;
	background-color:#003366;
}


.structure{
	width:940px;
	margin:0 auto;
}

div#header{
	position:relative;
	height:90px;
}

#logo{
	position:absolute;
	top:10px;
	left:30px;
}

#tel{
	position:absolute;
	top:25px;
	left:600px;  
}

div#header-nav{
	position:absolute;
	top:-30px;
	/top:0px;/* IE用ハック */
	left:450px;
	width:530px;
	overflow:hidden;
}
	
ul.wrapper li{
	list-style:none;
	float:left;	
    width:auto;
	margin-right:8px;
}	

/* ここからグローバルナビ */
div#global-nav{
	margin:0 auto;
	width:100%;
	background:url(images/kakera_04.gif) 0 0 repeat-x;
	overflow:hidden;
}

ul#gnav, ul#gnav li, ul#gnav li a{
	margin:0;
	padding:0;
	display:block;
	height:67px;
}

ul#gnav li a{
	overflow:hidden;
	text-indent:-100000em;
}

ul#gnav{
	list-style:none;
	width:932px;
    margin:0 auto; 
    padding:0;
}

ul#gnav li{
	float:left;
	width:auto;
	
}

ul#gnav li#nav-service{
	width:156px;
	background:url(images/gnavroll_10.gif) no-repeat;
}

ul#gnav li#nav-service a{
	width:156px;
	background:url(images/gnav_13.gif) no-repeat;
}

ul#gnav li#nav-workflow{
	width:155px;
	background:url(images/gnavroll2_12.gif) no-repeat;
}

ul#gnav li#nav-workflow a{
	width:155px;
	background:url(images/gnav2_04.gif) no-repeat;
}

ul#gnav li#nav-material{
	width:156px;
	background:url(images/gnavroll3_13.gif) no-repeat;
}

ul#gnav li#nav-material a{
	width:156px;
	background:url(images/gnav3_05.gif) no-repeat;
}

ul#gnav li#nav-profile{
	width:156px;
	background:url(images/gnavroll4_14.gif) no-repeat;
}

ul#gnav li#nav-profile a{
	width:156px;
	background:url(images/gnav4_06.gif) no-repeat;
}

ul#gnav li#nav-recruit{
	width:156px;
	background:url(images/gnavroll5_15.gif) no-repeat;
}

ul#gnav li#nav-recruit a{
	width:156px;
	background:url(images/gnav5_07.gif) no-repeat;
}

ul#gnav li#nav-contact{
	width:153px;
	background:url(images/gnavroll6_16.gif) no-repeat;
}

ul#gnav li#nav-contact a{
	width:153px;
	background:url(images/gnav6_08.gif) no-repeat;
}

ul#gnav li a:hover{
	background-image:none !important;
}



/* グローバルナビ終了 */



/* パンくずリスト */
#pan{
	margin-top:-2px;
	margin-left:-20px;
	/margin:0;/* IE用ハック */
}

#pan li{
	margin-right:10px;
	font-size:10px;
    display:inline-block;
	/display:inline; /* IE用ハック */
	/zoom:1;/* IE用ハック */
}

#pan li.big{
	font-size:15px;
}

#pan li a:hover{
	color:#09F;
}

/* パンくずリスト終了 */


div#contents{
	width:940px;
	height:300px;
	margin-top:5px;
	/margin-bottom:20px;/* IE用ハック */
	
}

div.contents2{
	width:940px;
	height:100px;
	margin:-12px auto 0;
	/margin:0 auto;/* IE用ハック */
	
}

div#maincontents{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
	
div#primary-contents{
	background-color:#FFF;
    width:620px;
	float:left;
}

/* 6項目メニュー */
div#zenkoku{
	
}

div#sendaigentei{
	
}

div#jiyuujizai{
	
	
}



h2 img.midashi{
	margin-bottom:-10px;
}

img.komidashi{
	margin:0;
	padding:0;
}

img#tokkyu{
	width:302px;
	display:inline-block;
	/display:inline;/* IE用ハック */
	/zoom:1;/* IE用ハック */
}

img#hand{
	width:302px;
	display:inline-block;
	/display:inline;/* IE用ハック */
	/zoom:1;/* IE用ハック */
	
}

img#sanjikan{
	width:302px;
	display:inline-block;
	/display:inline;/* IE用ハック */
	/zoom:1;/* IE用ハック */
}

img#toujitu{
	width:302px;
	display:inline-block;
	/display:inline;/* IE用ハック */
	/zoom:1;/* IE用ハック */
}

img#teiki{
	width:302px;
	display:inline-block;
	/display:inline;/* IE用ハック */
	/zoom:1;/* IE用ハック */
	
}

img#daikou{
	width:302px;
	display:inline-block;
	/display:inline;/* IE用ハック */
	/zoom:1;/* IE用ハック */
	
}

/* IE6向けhack */
* html #jiyuujizai,
* html #zenkoku,
* html #sendaigentei{
	zoom:1;
	width:620px;
}



.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



/* 6項目メニュー終了 */

/* ここからサイドバー */

div#secondary-contents{
	float:right;
	width:300px;
	
	
}

img#sinki_user{
	width:270px;
	margin-left:20px;
}

img#web-ticket{
	width:270px;
	margin-left:20px;
}

img#recruitment{
	width:270px;
	margin-left:20px;
}

img#green{
	width:270px;
	margin-left:20px;
}


/* サイドバーメニュー */
.box{
	margin-left:20px;
	width:270px;
	background-color:#FFF;
	/* 角丸 */
	-webkit-border-radius: 2px;/* webkit */
	-moz-border-radius: 2px;/* moz */
	border-radius: 2px;
	
	/* ドロップシャドウ */
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	/* webkit */
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.box h2 img{
	margin-top:7px;
	margin-left:9px;
	margin-bottom:-15px;
}

.box ul li#noborder{
	font-size:14px;
	list-style:none;
	margin-left:-15px;
	padding-bottom:10px;
	border:none;
	
}

.box ul li{
	font-size:14px;
	list-style:none;
	margin-left:-15px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px #666565 dotted;width:220px;
}
.box ul li a{
	
	text-decoration:none;
}

.box ul li a:hover{
	color:#09F;
}
	

.box ul li:before{
	margin-right:5px;
    content:">> ";
}

/* サイドバーメニュー終了 */


/* 問合せページ */

#wrap{
	font-size:12px;/*文字の大きさ*/
	width:600px;/*横幅*/
	margin:0 auto;/*全体を中央配置*/
	float:left;
}

span{/*spanは特に意味を持たないタグです。装飾用などに使用します*/
	
	font-size:11px;/*文字の大きさ*/
	color:#F00;/*文字の色*/
}
span#guide{/*spanは特に意味を持たないタグです。装飾用などに使用します*/
	font-size:15px;/*文字の大きさ*/
	color:#e94709;/*文字の色*/
}
span#copy{/*spanは特に意味を持たないタグです。装飾用などに使用します*/
margin-top:1px;
	font-size:19px;/*文字の大きさ*/
	color:#ffffff;/*文字の色*/
}
table{
	font-size:12px;
	border-collapse:collapse;/*テーブルのうち枠線を重ねて表示*/
	width:598px;/*横幅*/
	
}

th{/*thは見出しセルです。*/
	
	border:solid 1px #999;/*ボーダーを上下左右に実線で,1px,で#999で*/
	background:#fcd7a1;
	width:190px;/*横幅*/
	padding:10px;/*内側への余白上下左右5px*/
	text-align:left;/*文字を左寄せ*/
	
	
}

td{
	
	border:solid 1px #999;/*ボーダーを上下左右に実線で,1px,で#999で*/
	width:388px;/*横幅*/
	padding:10px;/*内側への余白上下左右5px*/
	
}

textarea{
	
	width:300px;/*横幅*/
	height:150px;/*高さ*/
	
}

.button{
	
	text-align:center;/*文字を中央寄せ*/
	padding:10px 0;/*内側への余白上下10px*/
	
}

.price{
	width:300px;
}
.price th{
	background-color:#f4a45c;
	width:120px;
}
.price td{
	width:120px;
}

a:hover img.banner{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

p.bunmen{
	font-size:15px;
	margin-bottom:-12px;
}
p.bunmen2{
	font-size:18px;
	margin-left:30px;
}
p.bunmen3{
	font-size:15px;
	margin-top:-10px;
	margin-left:20px;
}
p.bunmen4{
	font-size:13px;
	margin-top:-12px;
	margin-left:30px;
}
p.bunmen5{
	font-size:13px;
	margin-bottom:15px;
}
p.bunmen6{
	font-size:13px;
	margin-bottom:15px;
	padding-bottom:7px;
	border-bottom:1px #666565 dotted;width:610px;
}	

p.bunmen8{
	font-size:15px;
	margin-bottom:-10px;
}	

p.bunmen9{
	font-size:13px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px #666565 dotted;width:610px;
}	

p.bunmen10{
	font-size:13px;
	margin-left:10px;
}

p.bunmen11{
	margin-left:20px;
	font-size:20px;
	color:#09F;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

span#darkred{
	color:#F00;
	font-size:13px;
}

span#blue{
	color:#003366;
	font-size:16px;
}
span#red{
	color:#F00;
	font-size:16px;
}
	
p.bunmen2 a{
	color:#36C;
}
p.bunmen2 a:hover{
	color:#09F;
}
img.marker{
	width:15px;
	float:left;
	margin-top:6px;
	margin-left:5px;
}

img.marker2{
	width:15px;
	float:left;
	margin-top:10px;
	margin-left:5px;
}
h3 img#daisikyu{
	margin-top:15px;
	margin-bottom:-5px;
}


/* サイトマップリスト */
ul#site{
	margin-top:-2px;
}

#site li{
	margin-right:10px;
	font-size:13px;
    display:inline-block;
	list-style-type:none;
	/display:inline; /* IE用ハック */
	/zoom:1;/* IE用ハック */
}


#site li a:hover{
	color:#09F;
}

/* サイトマップリスト終了 */


/* フッターリスト */
ul#foot{
	padding-top:100px;
	overflow:hidden;
	
}

#foot li{
	color:#FFF;
	font-size:13px;
    list-style-type:none;
	display:inline-block;
	/display:inline; /* IE用ハック */
	/zoom:1;/* IE用ハック */
	/margin:5px;/* IE用ハック */
}

#foot li a{
	color:#FFF;
	text-decoration:none;
}


#foot li a:hover{
	color:#09F;
	
}

/* フッターリスト終了 */

/* サイドバー装飾 */

.largebox{
	background-image:url(images/sidepicture_03.gif);
	background-repeat:repeat;
	background-position:top left;
	margin-left:-8px;
	margin-top:43px;
	/margin-top:33px;/* IE用ハック */
	padding:1px 6px 5px 0;
	/padding:15px 6px 5px 0;/* IE用ハック */
	width:300px;
	margin-bottom: -30000px;
padding-bottom: 30000px;
	
	/* 角丸 */
	-webkit-border-radius: 2px;/* webkit */
	-moz-border-radius: 2px;/* moz */
	border-radius: 2px;
	
	/* ドロップシャドウ */
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	/* webkit */
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

/* サイドバー装飾終了 */


/* index.htmlのみのサイドバー高さ調整 */
.largebox-index{
	background-image:url(images/sidepicture_03.gif);
	background-repeat:repeat;
	background-position:top left;
	margin-left:-8px;
	margin-top:20px;
	/margin-top:0px;/* IE用ハック */
	padding:1px 6px 5px 0;
	/padding:15px 6px 5px 0;/* IE用ハック */
	width:300px;
	margin-bottom: -30000px;
padding-bottom: 30000px;
	
	/* 角丸 */
	-webkit-border-radius: 2px;/* webkit */
	-moz-border-radius: 2px;/* moz */
	border-radius: 2px;
	
	/* ドロップシャドウ */
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	/* webkit */
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

/* index.htmlのみのサイドバー高さ調整終了 */
div#footer{
	
	width:100%;
	height:200px;
	background-color:#003366;
	 text-align:center;
	
}
/* プライバシーポリシー文字設定 */
p.bunmen20{
	font-size:15px;
	margin-bottom:-10px;
}
p.bunmen21{
	font-size:13px;
}

/* プライバシーポリシー文字設定 */

/* 問合せの中のリンクhover */
p.bunmen21 a:hover{
	color:#09f;
}

/* 問合せの中のリンクhover終了 */


/* コピーライト */
p.bunmen7{
	padding-left:15px;
	color:#FFF;
	font-size:13px;
}
/* コピーライト終了 */