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

/*   body properties
-----------------------------------------------*/

html{
	height:100%;
}

body{
	height:100%;
	font-family:Verdana,Arial,Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	background-image:url(../img/bg_body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#eee;
}

/* for IE7 Only */
*:first-child+html body{
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Verdana,Arial,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

/* for IE4-5 MacIE4-5 */
* html body{
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Verdana,Arial,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

/* Anchor Properties */

a:link,
a:visited{
	color:#096b9d;
}

a:hover{
	color:#8d0e31;
	text-decoration:underline;
}

a:active{
	color:#096b9d;
}



/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display:block;  /* ブロックレベル要素に */
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*   headding properties
-----------------------------------------------*/

h2{
	margin:0 0 2em;
	padding-top:0.5em;
	color:#333;
	font-size:112%;
	font-weight:bold;
	text-indent:0.5em;
	line-height:2em;
	text-shadow:1px 1px 2px #666;
	width:100%;
	height:2.2em;
	background-image:url(../img/bg_h2.gif);
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:3px solid #096b9d;
}

h3{
	background-color:#ccc;
	margin:0 0 2em 2%;
	text-indent:0.5em;
	width:98%;
	height:2.2em;
	line-height:2em;
	font-size:100%;
	color:#000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	clear:both;
}

h4{
	margin:0 0 2em 5%;
	width:95%;
	height:2em;
	line-height:2em;
	text-indent:0.5em;
	margin-top:2em;
	padding-bottom: 0.2em;
	border-left:3px solid #464646;
	border-bottom:1px dotted #464646;
	font-size:96%;
	clear:both;
}

h5{
	margin:0 0 2em 8%;
	width:92%;
	height:2em;
	line-height:2em;
	text-indent:0.5em;
	margin-top:2em;
	border-left:3px solid #666;
}

#contents p,
#side p{
	width:90%;
	margin:1em 0 1em 10%;
	line-height:200%;
}

#main ol,
#main ul{
	width:75%;
	margin:3em auto;
	line-height:200%;
}

#main ol li{
	list-style-type:decimal;
	margin-bottom:1em;
}

#main ul li{
	list-style-type:disc;
	margin-bottom:1em;
}

img.l-img{
	float:left;
	padding:10px;
}

img.r-img{
	float:right;
	padding:10px;
}

p.ta-r{
	text-align:right;
}

p.ta-c{
	text-align:center;
}

pre{
	width:90%;
	margin:0 0 0 10%;
	line-height:200%;
}

/*   container properties
-----------------------------------------------*/

div#container{
	width:900px;
	margin:0 auto;
}


/*   header properties
-----------------------------------------------*/

div#header{
	width:860px;
	height:65px;
	padding-left:20px;
	padding-right:20px;
	margin:0 auto;
}


div#header h1{
	margin-top:10px;
	width:180px;
	height:40px;
	float:left;
}

div.catchcopy{
	margin-top:10px;
	margin-left:20px;
	float:left;
	width:219px;
	height:40px;
	display:inline;
}

div.ksa{
	margin-top:10px;
	float:right;
	width:220px;
	height:40px;
	display:inline;
}


p.subtitle{
	margin:0;
	width:200px;
	height:50px;
	background-image:url(../../../common/img/common/sub_title.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	float:left;
	background-color:#333;
}

/* Skip Navigation Properties */

ul.skip-navi{
	display:none;
}



/* Header Aplication Properties */

div.h-aplication{
	width:580px;
	height:50px;
	padding:0 8px;
	float:right;
}

ul.apli{
	float:left;
	width:324px;
	height:40px;
	margin-top:10px;
}

ul.apli li{
	float:left;
	display:inline;
	margin-left:2px;
	width:160px;
	height:40px;
}

ul.apli li a{
	display:block;
	width:160px;
	height:40px;
	background-image:url(../../../common/img/common/h-aplication.png);
	background-repeat:no-repeat;
	text-indent:-5000px;
	outline:none;
}

/* Button Positioning */

.btn_inquiry a:link,
.btn_inquiry a:visited{
	background-position:0 0;
}

.btn_inquiry a:hover{
	background-position:0 -40px;
}

.btn_inquiry a:active{
	background-position:0 -80px;
}


.btn_participates a:link,
.btn_participates a:visited{
	background-position:-160px 0;
}

.btn_participates a:hover{
	background-position:-160px -40px;
}

.btn_participates a:active{
	background-position:-160px -80px;
}


/* Font Size Properties */

div.h-font{
	width:185px;
	height:40px;
	margin-right:15px;
	margin-top:10px;
	float:right;
	display:inline;
	background-image:url(../../../common/img/common/h-font.png);
	background-repeat:no-repeat;
}

div.h-font p{
	width:79px;
	float:left;
	display:inline;
	text-indent:-5000px;
}

div.h-font ul{
	width:75px;
	height:30px;
	float:right;
	display:inline;
	margin-right:10px;
	padding-top:10px;
}

div.h-font ul li{
	padding:1px;
	float:left;
	width:20px;
	height:17px;
}

div.h-font ul li a{
	display:block;
	width:20px;
	height:17px;
	background-image:url(../../../common/img/common/font-size.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	font-size:0;
}

li.big a:link,
li.big a:visited{
	background-position:0 0;
}

li.big a:hover{
	background-position:0 -17px;
}

li.big a:active{
	background-position:0 0;
}


li.normal a:link,
li.normal a:visited{
	background-position:-20px 0;
}

li.normal a:hover{
	background-position:-20px -17px;
}

li.normal a:active{
	background-position:-20px 0;
}


li.small a:link,
li.small a:visited{
	background-position:-40px 0;
}

li.small a:hover{
	background-position:-40px -17px;
}

li.small a:active{
	background-position:-40px 0;
}








/*   contents properties
-----------------------------------------------*/

div#contents{
	width:900px;
	margin:10px auto;
	background-color:#fff;
	padding-top:15px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow:0 2px 3px #464646;
	-moz-box-shadow:0 2px 3px #464646;
	box-shadow:0 2px 3px #464646;
}





/*	skip headding properties
-----------------------------------------------*/


.dn{
	display:none;
}


/* totop properties */

#main .totop{
	clear:both;
	width:90%;
	margin:20px 0 20px 10%;
}

div.totop{
	clear:both;
	width:87%;
	margin:20px 0 20px 10%;
}

div.totop a{
	width:200px;
	height:20px;
	margin-left:auto;
	display:block;
	background-image:url(../img/totop.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	outline:none;
	line-height:0;
}

div.totop a:link,
div.totop a:visited{
	background-position:70px 0;
}

div.totop a:hover{
	background-position:70px -20px;
}

div.totop a:active{
	background-position:70px 0;
}




/*   footer properties
-----------------------------------------------*/

#footer{
	clear:both;
	width:870px;
	margin:0 auto;
	font-size:81%;
}

#footer hr{
	width:870px;
	margin:5px auto;
	border:0 dotted #464646;
	height:1px;
	background-image:url(../../../common/img/common/hr.gif);
}

#footer div.company{
	float:left;
	display:inline;
	width:335px;
	height:80px;
}

div.company_logo{
	margin:0;!important
	padding:0;!important
	width:115px;
	height:68px;
	padding-top:12px;
	float:left;
	display:inline;
}

dl.company_detail{
	width:220px;
	height:80px;
	background-image:url(../../../common/img/common/company_detail.jpg);
	float:left;
	display:inline;
}

#footer dl.company_detail dt,
#footer dl.company_detail dd{
	text-indent:-5000px;
}


/* Footer Navigation */

.ft-navi ul{
	float:right;
	width:535px;
	display:inline;
	margin:1em 0;
}

.ft-navi li{
	float:left;
	display:inline;
	margin-left:1em;
}

.copy{
	clear:both;
	text-align:right;
}