@charset "UTF-8";

/* Default */

body {
margin: 0;
background-color: #FFFFFF;
color: #333333;
line-height: 1.5;
font-size: 12px;
font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/* for IE7 */
*+html body {
font-size: 75%;
font-family: 'メイリオ', 'ＭＳ Ｐゴシック';
}
/* for IE6 */
* html body {
font-size: 75%;
font-family: 'ＭＳ Ｐゴシック';
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}

ol, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

dl, dt, dd {
margin: 0;
padding: 0;
}

address, caption, cite, code, dfn, em, th, var {  
font-style:normal;  
font-weight:normal;  
}  

a {
text-decoration:underline;
}

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

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

a:hover {
color: #3366FF;
text-decoration: none;
}

a:active {
color: #3366FF;
text-decoration: underline;
}

p {
margin: 0;
}

img {
border: 0;
vertical-align: text-bottom;
}

form {
margin: 10px;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; 
}

.clear {
clear: both;
}

/*Clearfix */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#Wrapper:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

/* Content */

div#Container{
width:760px;
background:url(images/top_01.jpg) repeat-y 0 0;
padding:0 5px;
margin:0 auto;
}

div#Header{
width:760px;
padding-bottom:5px;
background:url(images/top_05.jpg) no-repeat 0 bottom;
}

div#Header-inner{
width:760px;
height:79px;
background:url(images/top_03.jpg) no-repeat right 0;
}

#f-style-logo{
width:289px;
height:79px;
}

#f-style-logo a{
width:289px;
height:79px;
background:url(images/top_02.jpg) no-repeat 0 0;
text-indent:-9999px;
display:block;
/*\*/overflow: hidden;/**/
}

div#Navi{
background:url(images/top_06.jpg) repeat-x 0 0;
width:760px;
height:31px;
}

div#Navi ul{
padding:7px 0 0;
font-weight:600;
}

div#Navi li{
color:#FFFFFF;
font-size: 11px;
float:right;
}

div#Navi li.line{
margin:0 5px;
font-weight:normal;
}

div#Navi li a{
color:#FFFFFF;
}

div#Flash{
clear:both;
border-bottom:1px solid #fdae13;
width:760px;
height:300px;
}

div#Wrapper{
background: url(images/wrap_bg.jpg) repeat-y 0 0;
}

div#Left{
float:left;
padding:0 0 20px 0;
width:209px;
}

div#Left ul{
}

div#Left li{
width:209px;
height:43px;
}

div#Left li a{
width:209px;
height:43px;
display:block;
/*\*/overflow: hidden;/**/
text-indent:-9999px;
}

div#Left li.n01 a{
background: url(images/top_10.jpg) no-repeat 0 0;
}
div#Left li.n01 a:hover{
background: url(images/top_10ov.jpg) no-repeat 0 0;
}

div#Left li.n02 a{
background: url(images/top_15.jpg) no-repeat 0 0;
}
div#Left li.n02 a:hover{
background: url(images/top_15ov.jpg) no-repeat 0 0;
}

div#Left li.n03 a{
background: url(images/top_16.jpg) no-repeat 0 0;
}
div#Left li.n03 a:hover{
background: url(images/top_16ov.jpg) no-repeat 0 0;
}

div#Left li.n04 a{
background: url(images/top_17.jpg) no-repeat 0 0;
}
div#Left li.n04 a:hover{
background: url(images/top_17ov.jpg) no-repeat 0 0;
}

div#Left li.n05 a{
background: url(images/top_18.jpg) no-repeat 0 0;
}
div#Left li.n05 a:hover{
background: url(images/top_18ov.jpg) no-repeat 0 0;
}

div#Left li.n06 a{
background: url(images/top_19.jpg) no-repeat 0 0;
}
div#Left li.n06 a:hover{
background: url(images/top_19ov.jpg) no-repeat 0 0;
}

div#Left li.n07 a{
background: url(images/top_20.jpg) no-repeat 0 0;
}
div#Left li.n07 a:hover{
background: url(images/top_20ov.jpg) no-repeat 0 0;
}

div#Left .side-bnr{
width:174px;
margin:10px auto 0;
}

#Footer{
clear:both;
width:770px;
height:27px;
margin:0 auto;
background:url(images/top_29.jpg) no-repeat 0 0;
color:#FFFFFF;
text-align:center;
}

/* Top */

#top-info {
padding: 15px 0 15px 15px;
}

#top-info p {
padding: 0 0 15px;
}

#top-info p a {
color: #333333;
}

#top-info p.top-info-link {
text-align: center;
}

/* Main */

#Main{
float:right;
padding:10px 20px 20px 20px;
width:510px;
}

#Main h1#unittl{
width: 500px;
line-height: 25px;
color: #000000;
font-size: 14px;
border-bottom-width: 1px;
border-bottom-color: #FF9900;
border-bottom-style: solid;
border-left-width: 5px;
border-left-color: #FF9900;
border-left-style: solid;
padding-left: 5px;
margin-top: 10px;
}

#Main h2#topics-title{
background:url(images/top_11.jpg) no-repeat 0 0;
width:495px;
height:21px;
color:#FFFFFF;
font-weight:800;
margin-top: 10px;
padding:0 0 0 15px;
line-height:21px;
}

#Main-inner1{
padding:10px 0 0;
}

#Main-inner1 h1{
background:url(images/top_11.jpg) no-repeat 0 0;
width:495px;
height:21px;
color:#FFFFFF;
font-weight:800;
padding:0 0 15px 15px;
line-height:21px;
}

#Main-inner1 p{
padding: 0 0 15px;
}

/* Main2 */

#Main2 {
float:right;
padding:0 0 20px 0;
width:550px;
}

#Main2-menu {
width:545px;
margin:0 2px 10px 3px;
}

#Main2-menu li {
width:109px;
height:62px;
float:left;
}
#Main2-menu li a {
width:109px;
height:62px;
display:block;
/*\*/overflow: hidden;/**/
text-indent:-9999px;
}

#Main2-menu li#g01 a {
background: url(images/gyomu_menu.jpg) no-repeat 0 0;
}
#Main2-menu li#g01 a:hover {
background: url(images/gyomu_menu_on.jpg) no-repeat 0 0;
}
#Main2-menu li#g02 a {
background: url(images/gyomu_menu.jpg) no-repeat -109px 0;
}
#Main2-menu li#g02 a:hover {
background: url(images/gyomu_menu_on.jpg) no-repeat -109px 0;
}
#Main2-menu li#g03 a {
background: url(images/gyomu_menu.jpg) no-repeat -218px 0;
}
#Main2-menu li#g03 a:hover {
background: url(images/gyomu_menu_on.jpg) no-repeat -218px 0;
}
#Main2-menu li#g04 a {
background: url(images/gyomu_menu.jpg) no-repeat -327px 0;
}
#Main2-menu li#g04 a:hover {
background: url(images/gyomu_menu_on.jpg) no-repeat -327px 0;
}
#Main2-menu li#g05 a {
background: url(images/gyomu_menu.jpg) no-repeat -436px 0;
}
#Main2-menu li#g05 a:hover {
background: url(images/gyomu_menu_on.jpg) no-repeat -436px 0;
}

#Main-inner2 {
padding:10px 20px 0 20px;
}

#Main-inner2 h1{
width:495px;
height:19px;
color:#FFFFFF;
font-weight:800;
padding:2px 0 15px 15px;
}

#Main-inner2 h1#gyoumu-title-25{
background:url(images/bar_01.jpg) no-repeat 0 0;
}
#Main-inner2 h1#gyoumu-title-26{
background:url(images/bar_02.jpg) no-repeat 0 0;
}
#Main-inner2 h1#gyoumu-title-27{
background:url(images/bar_03.jpg) no-repeat 0 0;
}
#Main-inner2 h1#gyoumu-title-28{
background:url(images/bar_04.jpg) no-repeat 0 0;
}
#Main-inner2 h1#gyoumu-title-29{
background:url(images/bar_05.jpg) no-repeat 0 0;
}

#Main-inner2 p{
padding: 0 0 15px;
}

/* twitter  */
#twitter {
width:520px;
height:300px;
font-size:0.75em;
line-height:1.5em;
text-align:left;
}
#twitter_inner {
padding:12px;
}
#twitter_title {
font-weight:bold;
font-size:1.15em;
padding-bottom:10px;
}
#twitter_inner ul#twitter_update_list {
list-style-type:none;
margin:0;
padding:0;
}
#twitter_inner ul#twitter_update_list li {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
}
#twitter_inner #twitter-link {
text-align:right;
display:block;
}

.side-bnr{
	text-align:center;
	
	}
	
/* recruit */

#recruit{
	color:#444;
	}

#recruit h3{
	padding:20px 0 10px;
	font-weight: bold;
	}
#recruit table{
	border-bottom:1px dotted #ddd;
	}
#recruit th{
	border-top:1px dotted #ddd;
	padding:12px 15px;
	width:30%;
	background-color:#fff3d3;
	text-align:left;
	font-weight: bold;
	}
#recruit td{
	border-top:1px dotted #ddd;
	padding:12px;
	}
#recruit .comt{
	margin-top:10px;
	border:5px solid #fae4ab;
	padding:10px;
	}