@charset "Shift_JIS";

/* 基本
------------------------------------------------------------ */
h1,h2,h3,h4,ul,div,p,a,li,form,img {
	padding: 0px; margin: 0px; border:none;
}

body {
	padding: 0px;
	margin: 0px;
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	background-color: #F5EED7;
	background-image: url(../images/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

/* テキスト
------------------------------------------------------------ */
p {
	line-height:165%;
}

a {
	color:#006CAA;
	text-decoration:none;}

a:hover {
	color:#006CAA;
	text-decoration:underline;
}

.tx8 {
	font-size:67%;
}

.tx10 {
	font-size:83%;
}

.tx11 {
	font-size:91%;
}

.tx13 {
	font-size:109%;
}

.tx14 {
	font-size:117%;
}

.tx16 {
	font-size:133%;
}

.tx18 {
	font-size:150%;
}

.tx20 {
	font-size:167%;
}

.tx22 {
	font-size:183%;
}

.tx24 {
	font-size:200%;
}

.red { color:#FF0000;
}

.blue { color:#0068B7;
}

.large {
	font-weight:bold;
	font-size:130%;
}

.arrow {
	background:url(../images/arrow.gif) no-repeat left center;
	text-indent:22px;
}


h2{
	outline:none;
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝";
	font-size: 20px;
	text-shadow:0 1px 0 rgba(255,255,255,.8); 
    }

h3{
	outline:none;
	font-size: 20px;
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝";
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #88ff80;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding:10px 25px;
	margin:20px 0 ;   
	}


/* その他
------------------------------------------------------------ */
.dot {
	border-bottom:dotted 1px #999;
	padding:0 0 0 0;
}

.FL{float:left;
}

.FR{float:right;
}

.CL{ clear:both;
}

.txa_c{ text-align:center;
}

.txa_r{ text-align:right;
}

.pagetop {
	text-align:right;
	padding:30px 0 0 0;
}

/* 枠
------------------------------------------------------------ */
#wrapper {
	width:900px;
	margin:0 auto;
	padding-left:-1px;
}


#contents{
	width:860px;
	margin:0;
	padding:20px;	
	
}

#contents p {
	margin:10px 20px;
	
}


.topimages{
	width:880px;
	margin:50px 10px 0px;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid white;
	
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	
}


#wrapper_left{
	float:left;
	width:420px;
	margin:10px;
	padding:20px;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid white;
	
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	
}

#wrapper_right{
	float:right;
	width:350px;
	margin:10px;
	padding:20px;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid white;
	
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	
}

#access{
	width:840px;
	margin:10px;
	padding:20px;
	float:left;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 6px #AAAAAA;
	-webkit-box-shadow:0 0 6px #AAAAAA;
	box-shadow:0 0 6px #AAAAAA;
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid white;
	
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	
}





/* ヘッダー
------------------------------------------------------------ */
#header_wrap {
	width:100%;
	/*background:url(../images/background.png);*/
}

#header {
	width:900px;
	
	margin:0 auto;
}

#header_l {
	width:680px;
	
	float:left;
}

#header_r {
	width:220px;
	
	float:right;
}

#header a {
	text-decoration:none;
	color:#333;
}

#header a:hover {
	text-decoration:underline;
	color:#333;
}

/* グローバルナビゲーション
------------------------------------------------------------ */
#gnavi {
	width:100%;
	
	/*background:url(../img/menu/menuback.png) repeat-x;*/
	clear:both;
	margin-left:-1px;
}

#gnavi_contents a {
	color:#000;
	text-decoration:none;
}

#gnavi_contents a:hover {
	color:#000;
	text-decoration:none;
}

#gnavi_contents {
	width:900px;

	margin:0 auto;
}

#gnavi_contents ul {
	list-style-type:none;
}

#gnavi_contents li {
	padding:0 0 0 0;
	float:left;
}

#gnavi_contents li img{
	vertical-align:bottom;
}

/* パンくず
------------------------------------------------------------ */
#crumbs {
	width: 650px;
	height:auto;
	font-size:100%;
	padding:0 0 0 5px;
}

#crumbs ul {
	list-style-type:none;
}

#crumbs ul li {
	padding:0 0 15px 0;
	float:left;
}

#crumbs ul li a {
	color:#FF6600;
	text-decoration:underline;
}

#crumbs ul li a:hover {
	color:#FF6600;
	text-decoration:underline;
}

/* フッター
------------------------------------------------------------ */
#footer {
	width:900px;
	height:auto;
	margin:0 auto 15px;
	clear:both;
}

#footer_contents {
	width:900px;
	height:200px;
	background:url(../images/footer_bg.jpg) no-repeat;
}

.footer_contents_l {
	width:310px;
	height:110px;
	padding:90px 0 0 30px;
	float:left;
}

.footer_contents_r {
	width:560px;
	height:200px;
	line-height:135%;
	float:right;
}

.footer_contents_r ul {
	list-style-type:none;
}

.footer_contents_r ul li {
	padding:0 0 15px 0;
}

.footer_contents_r_l {
	width:200px;
	height:170px;
	padding:30px 0 0 0;
	float:left;
}

.footer_contents_r_r {
	width:360px;
	height:170px;
	padding:30px 0 0 0;
	float:right;
}


/* トップメイン画像
------------------------------------------------------------ */
.mainpic {
	margin-left:-1px;
}

/* トップメイン
------------------------------------------------------------ */
#main {
	width:620px;
	height:auto;
	margin:20px 30px 0 0;
	float:left;
}

#main_menu_bg {
	background:#F4F4F4;
	
}

#main .menu1 {
	width:206px;
	height:auto;
	float:left;
}

#main .menu2 {
	width:207px;
	height:auto;
	float:left;
}

#main .menu3 {
	width:207px;
	height:auto;
	float:right;
}

#main h2 {
	margin:0 0 20px 0;
}

#main h3 {
	font-weight:bold;
	font-size:117%;
}

#main ul {
	list-style: none outside;
	margin:0 0 30px 0;
}

.main_voice_title {
	color:#F30;
	font-weight:bold;
	padding:15px 12px 5px 12px;
}

.main_voice_body {
	border-bottom:solid 1px #ccc;
	line-height:150%;
	padding:0 12px 15px 12px;
}

.main_news_body {
	border-bottom:solid 1px #ccc;
	line-height:150%;
	padding:15px 12px 15px 12px;
}

.subtitle {
	font-size:117%;
	margin:0 0 20px 0;
}

.maintenance_body1 {
	background:url(../images/meintenance_img2.jpg) no-repeat;
	padding:0 0 0 110px;
	margin:20px 0 0 0;
}

.maintenance_body2 {
	background:url(../images/meintenance_img3.jpg) no-repeat;
	padding:0 0 0 110px;
	margin:15px 0 0 0;
}

.maintenance_body3 {
	background:url(../images/meintenance_img4.jpg) no-repeat;
	padding:0 0 0 110px;
	margin:15px 0 20px 0;
}

#office {
	width:620px;
	height:auto;
}

#office table {
	width:100%;
}

#office table th {
	font-weight:bold;
	text-align:left;
}

#office table .clr {
	background:#D5EBE1;
}

/* サイド
------------------------------------------------------------ */
#side {
	width:250px;
	height:auto;
	margin:20px 0 0 0;
	float:right;
}

#side_area_bg {
	background:#F4F4F4;
}

.side_area_body {
	line-height:150%;
	padding:10px 12px;
}

#side_staff_bg {
	background:#F4F4F4;
	margin:0 0 20px 0;
	padding:0 0 30px 0;
}

.side_staff_bg1 {
	background:url(../images/side_staff_bg1.jpg) no-repeat;
	padding:0 5px 0 95px;
	margin:15px 0 0 0;
}

.machine{
	padding:5px 5px 0 265px;
}

.machine1{
	background:url(../images/machine_img_1.jpg) no-repeat left top;
	padding:55px 5px 0 265px;
	height:245px;
}

.machine2{
	background:url(../images/machine_img_2.jpg) no-repeat left top;
	padding:55px 5px 0 265px;
	height:245px;
}

#time table {
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}

#time td {
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	text-align:center;
}



/* テーブル
------------------------------------------------------------ */

table.noline{
	border-top:0px solid #999;
	border-left:0px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	padding: 0px;
}
.noline th{
	border-right:0px solid #999;
	border-bottom:0px solid #999;
	color:#3300CC;
	background-color:#CCCCCC;
	background-position:left top;
	padding: 10px;
}
.noline td{
    border-right:0px solid #999;
    border-bottom:0px solid #999;
    padding: 0px;	
}


table.circle{
	width:729px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	padding:0px;
}
.circle th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	color:#666;
	background-color:#CCCCCC;
	background-image:url(../img/table-back.gif);
	background-position:left top;
	padding: 10px;
	text-align:center;
}
.circle td{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    padding: 10px;	
}