/* 共通CSS Document */

/****** 共通設定 ******/

body{
	padding:0;
	margin:auto;
	font-family:"ＭＳ Ｐゴシック",sans-serif,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro";
	line-height:150%;
	letter-spacing:1px;
	text-align:center;				/* 全体を中央に表示（ie対応）*/
	margin-top:0px;					/* 全体を中央に表示（fx対応）*/
	margin-right:auto;				/* 全体を中央に表示（fx対応）*/
	margin-left:auto;				/* 全体を中央に表示（fx対応）*/
	margin-bottom:0px;				/* 全体を中央に表示（fx対応）*/
}

body.small{
	font-size: 12px;
}

body.medium{
	font-size: 14px;
}

body.large{
	font-size: 16px;
}

p{
	margin:0;
	padding:0;
	border:0;
}

ul li{
	list-style-type:none;
}

img{
	padding:0;
	margin:0;
	border:0px;
}



/****** 共通設定（終わり） ******/

#container{
	width:800px;
	margin:0 auto;
	border-right:solid 1px #000;
	border-left:solid 1px #000;
	border-bottom:solid 1px #000;
}

#contents{
	width:800px;
	margin:0 auto;
}

#main-contents{
	width:600px;
	float:right;
	margin-right:25px;
}

#main-contents h2{
	padding-top:10px;
	padding-bottom:10px;
}

#container h3{
	border-left:solid 10px #ffa300;
	font-weight:bold;
	text-align:left;
	margin-top:20px;
	font-size:14px;
	margin-top:20px;
	margin-bottom:5px;
	padding-left:10px;
	color:#5f5f5f;
}

#main-contents img{
	padding-right:10px;

}
	
#side{
	padding-top:10px;
	padding-left:25px;
	width:150;
	float:left;
}

#sub{
	padding-top:10px;
  width:750px;
  margin:0 auto; 
}

#sub h2{
	padding-top:10px;
	padding-bottom:10px;
}

#sub div{
  float:left;
  width:229px;
  padding:0 10px; 
  height:200px;
}

#blog{
	width:500px;
	margin:0 auto;
}


/****** nav ******/

#menu{
	clear:both;
}

/* Basic code - don't modify */

#menu01 { display: block; margin: 0; padding: 0; position: relative; }
#menu01 li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#menu01 a { display: block; }
#menu01 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #menu01 ul { line-height: 0; } /* IE6 "fix" */
#menu01 ul a { zoom: 1; } /* IE6/7 fix */
#menu01 ul li { float: none; }
#menu01 ul ul { top: 0; }

/* Essentials - configure this */

#menu01 ul { width: 150px; }
#menu01 ul ul { left: 131px; }

/* Everything else is theming */

#menu #menu01{
	width:800px;
	height:50px;
	background:url(img/menubar1.gif) no-repeat left top;
}
#menu01 *:hover { background-color: none; }
#menu01 ul { top: 50px; }
#menu01 ul li a {
  display:block;	
  padding:10px;
	white-space: nowrap;
  border:1px solid #000;
  background:#fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
  margin-top:-1px;
}
#menu01 ul a.hover {
  color:#000;
  background:#FFA300;

}

/*
#menu01 ul li {
	float: none;
}

#menu01 ul li a {
}

#menu01 ul li a:hover{

}

#menu01 ul a:hover {
}
*/

#menu li a:hover img,
#header li a.selected img,
#header li a:hover img{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
}

#bottom{
  clear:both;
  width:750px;
  margin:0 auto;
  padding:20px 0;
}

#info{
  float:left;
  padding-top:0px;
  padding-bottom:0px;
  width:500px;
  margin:0 auto;
}

#info h2{
	width:120px;
	border:solid 2px #F00;
	border-left:solid 10px #F00;
	background-color:#F00;
	display:block;
	font-weight:bold;
	background:#FFF;
	padding:0px;
	text-align:left;
	margin-left:20px;
	font-size:14px;
}

#info dl{
  width:500px;
  height:100px;
  padding:10px;
  overflow:auto;
  background:#ccc;
}

#info dt{
  width:10em;
  float:left;
  clear:left;
}

#info dd{
  margin-left:10em;
  margin-bottom:10px;
}

#info a:link{
	color:#FFFFFF;
}

#info a:hover{
	color:#FFFFFF;
}

#info2 {
  float:right;
  padding-top:20px;
}




/****** サイドボタン ******/

#follow{
	 position:relative;
}
	 

ul#side_menu li a{
	display:block;
	width:120px;
	height:40px;
	background:no-repeat left top;
}

#side_menu li.side_btn a{ background-image:url(img/btn_naiyo2.gif); }
#side_menu li.side_btn1 a{ background-image:url(img/btn_bosyu2.gif); }
#side_menu li.side_btn2 a{ background-image:url(img/btn_nagare2.gif); }
#side_menu li.side_btn3 a{ background-image:url(img/btn_step2.gif); }
#side_menu li.side_btn4 a{ background-image:url(img/btn_intview2.gif); }
#side_menu li.side_btn5 a{ background-image:url(img/btn_qa2.gif); }
#side_menu li.side_btn6 a{ background-image:url(img/btn_contact2.gif); }

#side_menu li a:hover img{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
}

/****** 質問と答え ******/
.qa{
	border:1px  solid #d2d2d2;
	padding:10px;
	line-height:2em;
}

.qa dt{
	padding-left:35px;
	background: url(img/q.gif) no-repeat left top;
	margin-bottom:10px;
}

.qa dd{
	padding-left:35px;
	background: url(img/a.gif) no-repeat left top;	
}

/****** 会社概要 ******/
.gaiyo{
  width:550px;
  padding-right:200px;
  background:url(img/kanban.jpg) no-repeat right top;
}

.gaiyo dt{
  width:7em;
  float:left;
  clear:left;
}

.gaiyo dd{
  margin-left:10em;
  margin-bottom:10px;
}

/*--- 見出し ---*/


h1{
	font-size:10px;
	line-height:1.25em;
	font-weight:normal;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	margin:0;
} 




/*--- メイン部分 ---*/
#header{
	width:800px;
}

#header p{
	font-size:10px;
	text-align:right;
}

#header img{
	float:left;
}

#header ul{
	float:right;
	width:75px;
	height:25px;
	background:url(img/moji.gif) no-repeat left top;
	padding-right:20px;
}

#header li{
	float:left;
	width:25px;
	height:25px;
}

#mado{
  clear:right;
  float:right;
	padding:10px 20px 0 0;	
}



#main{
width:800px;
margin:0px auto;
text-align:auto;
}



/*--- フッター ---*/


#footer{
clear:both;
text-align:center;
font-size:12px;
border-top:solid 1px #000;
}

/**********フロート***********/

.flt-r{
float:right;
}

.flt-l{
float:left;
}

.zu img{
	display:block;
	margin:0 auto;
}


.clear:after{
  content:"";
  display:block;
  clear:both;
}
*+html .clear{ display:inline-block; }
* html .clear{ height:1px; }


/**********　文字　***********/

.f_mintyou{
font-family:"ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3",serif;
}

.f_vertical{
vertical-align:middle;
}

.bold{font-weight:bold;}

.f_bold{
font-weight:bold;
}

.f_size7{
font-size:7pt;
}



/****** テキスト ******/


.t_right{
text-align:right;
}

.t_center{
text-align:center;
}



.t_indent ol{
	margin-left:1.5em;
}

.t_indent li{
	text-indent:0em;
}





/*「このページのトップへ」*/
.to_top1{
	text-align:right;
	color:#3399FF;
	line-height:1.3em;
	padding-right:25px;
	padding-bottom:10px;
}



/****** ボーダー ******/


.border_style{
border-bottom:1px dashed #666666;
}



.line{ border-right:1px solid #666; }

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

.mapinfo{
	border-collapse: collapse;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

.mapinfo td{
	padding:5px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;	
}

.mapinfo th{
	padding:5px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;	
}


.mapinfo2{
	margin:0 auto;
	width:550px
}

.mapinfo2 td{
	width:400px;
	padding:5px;
	border-bottom:1px solid #ccc;
}

.mapinfo2 th{
	width:150px;
	padding:5px;
	border-bottom:1px solid #ccc;
	text-align:center;
}


.mapinfo3{
	width:300px;
	border-collapse: collapse;
	margin:0 auto;
}

.mapinfo3 td{
	width:100px;
	padding:5px;
	border-bottom:1px solid #ccc;
}

.mapinfo3 th{
	width:200px;
	padding:5px;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.mapinfo4{
	width:600px;
	border-collapse: collapse;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	margin:0 auto;
}

.mapinfo4 th{
	padding:0 0 0 5px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;	
}


.mapinfo4 td{
	width:150px;
	padding:0 0 0 5px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;	
}

.mapinfo5{
	clear:both;
	border-collapse: collapse;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

.mapinfo5 td{
	padding:5px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;	
	background-color:#ffedc8;
}


.table03{
	width:550px;
	height:110px;
	margin:0 0 15px 7px;
	border:1px dotted #000;
	margin-top:10px;
}

.table03 td{
	padding:5px;
	border-bottom:1px dotted #000;
	border-right:1px dotted #000;	
}

.table03 th{
	padding:5px;
	border-bottom:1px dotted #000;
	border-left:1px dotted #000;	
}

.table02{
	width:180px;
	height:110px;
	margin:10px 0 0 3px;
	border-collapse: collapse;
	border-top:1px dotted #000;
	border-right:1px dotted #000;
}

.table02 td{
	padding:5px;
	border-bottom:1px dotted #000;
	border-left:1px dotted #000;	
}

.table02 th{
	padding:5px;
	border-bottom:1px dotted #000;
	border-left:1px dotted #000;	
}


/*--- 共通　スタイル ---*/

a:link{
color:#666666;
border:none;
}

a:visited{
color:#666666;
border:none;
}

a:hover{
color:#F8B500;		/* orange */
}

a:active{
color:#F8B500;
border:none;
}

#sub a:link{
color:#2279ca;
border:none;
text-decoration:underline;
}

#sub a:hover{
color:#F8B500;
border:none;
text-decoration:underline;
}

#sub a:visited{
color:#2279ca;
text-decoration:underline;
}

/*--- ヘッダーバーリンク　スタイル ---*/

.link_style a:link{
color:#FFFFFF;
}

.link_style a:visited{
color:#FFFFFF;
}

.link_style a:hover{
color:#F8B500;		/* orange */
}

.link_style a:active{
color:#F8B500;
}

/* hover */

.menu_img1 a:hover{
color:#F8B500;		/* orange */
background-image:url(img/menu1_ro.gif);
}

/* active */

.menu a:active{
color:#F8B500;
}


/****** パディングタイプ ******/
/* 全周囲 */
.pt-all-s{padding:5px;}
.pt-all-m{padding:10px;}
.pt-all-l{padding:20px;}
/* 水平 */
.pt-yoko-s{padding:0px 5px;}
.pt-yoko-m{padding:0px 10px;}
.pt-yoko-l{padding:0px 20px;}
/* 天地 */
.pt-tate-s{padding:5px 0px;}
.pt-tate-m{padding:10px 0px;}
.pt-tate-l{padding:20px 0px;}


/**** フォーム *****/


.whats_new{
text-align:center;
padding-top:30px;
padding-bottom:30px;
}

.form_style{
	padding-bottom:50px;
}


#tab{
  width:700px;
  height:25px;
  margin:0 auto;
}

#tab li{
  float:left;
  width:80px;
  height:25px;
  border:1px solid #ccc;
  background:#ffedc8;
  padding-left:10px;
  padding-top:3px;
  font-size:16px;
}

/*タブ一つ一つ*/
#gallery div{
  clear:both;
  width:700px;
  height:380px;
  border:1px solid #aaa;
  margin:0 auto;
}

/*コントローラ*/
ul.cnt{
  float:right;
  width:220px;
}

ul.cnt li{
  float:left;
  width:100px;
  height:70px;
  padding:0 0 10px 10px;
}

ul.cnt li a.selected{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}


/*インデント*/

.t_indent{
text-indent:5em;
}

/* アコーディオンメニュー ****************************************************/

.accordion li a{
  padding:10px 5px;
}

.accordion li li a{
  padding:10px 0;
  margin-left:5px;
}

.accordion a{
  display: block; 
} 

.accordion{ 
  background-color:#ccc; 
}

.accordion ul{ 
  background-color:#ddd; 
} 

/*リンク半調*/
a.alpha:hover,
a.alpha:hover img{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}


.boshu th {
	border:none;
	background-color:#FFF;
	padding:0px;
}
.boshu td {
	border:none;
	padding-left:20px;
}
.boshu {
	border:none;
}