@charset"utf-8";

/* ---------------------------------------------------------
　デフォルトリセット
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form, map,
strong {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.4em;
	border: none;
	list-style-type: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
div{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
/* ---------------------------------------------------------
　テキストリンク
--------------------------------------------------------- */
a:link    { color: #006699; text-decoration: none; }
a:visited { color: #006699; text-decoration: none; }
a:hover   { color: #006699; text-decoration: underline; }
a:active  { color: #E74077; text-decoration: underline; }

/* ---------------------------------------------------------
　floatクリア
--------------------------------------------------------- */
span.clear {
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	display: block;
	clear: both;
}

/* ---------------------------------------------------------
　画像ロールオーバー
--------------------------------------------------------- */
img.rollover {
}



/* ---------------------------------------------------------
　画像ぴこっとなるやつ
--------------------------------------------------------- */

a.btn:hover{
position:relative;top:1px;left:1px;
}
a.btn:hover img{
filter: alpha(opacity=80);
}

a.btn1:hover img{
filter: alpha(opacity=50);
}

/* ---------------------------------------------------------
　レイアウトベース
--------------------------------------------------------- */
html {
height:100%;
}
body {
margin:0px;
padding:0px;
font-size:12px;
background:url(/common/img/bg.jpg) repeat;
height:100%;
width:100%;
}
body p{
line-height:1.6em;
}

#wrapper{
margin:0 auto;
width:100%;
background:url(/common/img/head_bg.jpg) repeat-x;
}


/* ------------------------------------------------------
 テキスト
------------------------------------------------------- */
h1{
font-size:10px;
padding:10px;
color:#666666;
}

h3{
font-size:16px;
color:#333333;
font-weight:bold;
padding:10px 0 0 25px;
width:640px;
height:30px;
margin:5px auto;
}

/* ---------------------------------------------------------
　header
--------------------------------------------------------- */
#header{
width:940px;
background:url(/common/img/head_bg.jpg) repeat-x #FFFFFF;
margin:0 auto;
}
#header_left{
float:left;
width:220px;
margin:5px 0 5px 30px;
_margin:20px 0 10px 15	px;
}
#header_right{
float:right;
width:650px;
text-align:right;
margin:0 20px 5px 0;
_margin:3px 10px 10px 0;
}
	#header_right a{color:#71694D;}
	#header_right ul{margin:5px 0 10px 0;}
	#header_right li{
	font-size:10px;
	display:inline;
	background:url(/common/img/point_img1.jpg) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin:5px 15px 5px 5px;
	}

/* ---------------------------------------------------------
　global_navi
--------------------------------------------------------- */
#g_navi{
width:900px;
margin:0 auto;
height:40px;
}
#g_navi li{
display:inline;
padding:0;
margin:0;
}

/* ---------------------------------------------------------
　main
--------------------------------------------------------- */
#main {
width:900px;
margin:0 auto;
padding:10px 20px;
background:#FFFFFF;
}



/* ---------------------------------------------------------
　pankuzu
--------------------------------------------------------- */
.pankuzu p{
color:#666666;
margin:5px 0 5px 10px;
font-size:10px;
}
.pankuzu a{color:#666666!important;}

/* ---------------------------------------------------------
　contents
--------------------------------------------------------- */
#contents {
float:left;
width:600px;
padding:0 0 20px 0;
}
.error_disp {color:#FF0000;margin-left:20px;}


/* ---------------------------------------------------------
 co_h3
--------------------------------------------------------- */
	
.se_boxarea{
border:1px solid #CCCCCC;
padding:5px;
margin:20px auto;
}
	.se_tt{
	font-weight:bold;
	}
	.se_text{
	font-size:10px;
	color:#666666;
	}

/* ---------------------------------------------------------
　sub_contents
--------------------------------------------------------- */
#side_contents {
float:right;
width:280px;
}

.sid_jho{
border-left:1px solid #3F2728;
border-right:1px solid #3F2728;
border-bottom:1px solid #3F2728;
padding:0 0 10px 0;
margin:20px 0 20px 0;
min-height:300px;
width:280px;
}
.bnn_list{
margin:0 7px;
}
.side_jirei{
width:261px;
padding:2px;
border:#B9B9B9 1px solid;
margin:10px auto;
}
	.side_jirei dl{
	margin:5px 5px 4px 20px;
	}
	.side_jirei dt{
	font-weight:bold;
	margin:5px 0 0 0;
	}
	.side_jirei dd{
	font-size:10px;
	padding:0 5px 5px 5px;
	border-bottom:1px solid #CCCCCC;
	}

.side_box_area{
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
background:url(/common/img/side/side_border_m.jpg) repeat-y;
margin:10px 0 0 0;
padding:5px;
width:270px;
}
	.side_box_area table{
	width:260px;
	margin:10px auto;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	}
	.side_box_area th{
	width:65px;
	padding:5px
	text-align:left;
	}
	.side_box_area td{
	line-height:1.6em;
	font-size:10px;
	}

	.side_box_area dt{
	font-weight:bold;
	background:url(/common/img/point_img2.jpg) no-repeat 0 2px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	}
	.side_box_area dd{
	border-bottom:1px solid #CCCCCC;
	padding:0 5px 5px 20px;
	font-size:10px;
	}


#side_twitter{
margin:10px 0;
}
#side_twitter h3{
background:none;
height:auto;
}
#side_twitter h4{
font-weight:bold;
}


.sid_point{
background:url(/common/img/side/point_tab_m.jpg) repeat-y;
border-bottom:1px solid #3F2728;
padding:0 0 20px 0;
margin:20px 0 0 0;
}
.sid_point ul{
width:268px;
margin:10px auto;
}
.sid_point li{
margin:0 0 5px 0;
}

.s_job_tab{
border-left:2px solid #0099CC;
border-right:2px solid #0099CC;
border-bottom:2px solid #0099CC;
margin:10px auto;
}

.s_job_tab ul{
margin:3px 0 3px 0;
}
.s_job_tab li{
width:255px;
background:url(/common/img/point_img1.jpg) no-repeat 0 11px;
padding:5px 0 5px 10px!important;
margin:0 0 5px 5px;
border-bottom:1px solid #CCCCCC;
line-height:1.6em;
}


.side_job{
margin:5px auto 2px auto;
border-collapse:collapse;
width:270px;
}
.side_job th{
padding:0 0 5px 0;
}
.side_job td{
border-bottom:1px solid #CCCCCC;
padding:2px;
color:#666666;
vertical-align:top;
}
.side_job li{
line-height:1.2em!important;
}


/* ---------------------------------------------------------
　middle
--------------------------------------------------------- */
#middle {
margin:0 auto;
padding:10px 20px 0 0;
width:920px;
background:#FFFFFF;
}

.about_senmoni a{
color:#333333!important;
}
/* ---------------------------------------------------------
　footer
--------------------------------------------------------- */


#footer {
width:940px;
margin:0 auto;
background:#FFFFFF;
border-top:1px solid #CCCCCC;
}
#under_cont{
width:940px;
margin:0 auto;
}
	#under_cont dl{
	margin:10px auto;
	width:900px;
	}
	#under_cont dt{
	font-weight:bold;
	background:url(/common/img/point_img3.jpg) no-repeat;
	padding:0 0 0 10px;
	margin:20px 0 5px 0;
	color:#333333;
	}
	#under_cont dd{
	font-size:10px;
	color:#666666;
	margin:5px 0 10px 10px;
	line-height:1.6em;
	}
	#under_cont dd a{color:#666666;	}
	


#fo_cont,#fo_cont2,#fo_cont3,#fo_cont4{
float:left;
width:210px;
margin:20px 0 30px 20px;
_margin:10px 0 15px 10px;
}
#fo_cont li,#fo_cont2 li,#fo_cont3 li,#fo_cont4 li{
color:#999999;
border-bottom:#999999 dotted 1px;
padding:10px 5px;
}
#fo_cont a,#fo_cont2 a,#fo_cont3 a,#fo_cont4 a{color:#666666;}
.ta_center{
width:480px;
margin:0 auto;
}


.copy_r a{color:#333333!important;}