ti@charset "utf-8"; 

/* reset
------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* structure
------------------------------------------- */
*{margin:0;padding:0;}
html{overflow-y:scroll;}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

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

a{outline:none;}

body{font-size:85%;
line-height:1.6em;
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;color:#333;}

/* link
------------------------------------------- */
a:link,a:visited{color:#5a446d;text-decoration:underline;}
a:hover,a:active{color:#5a446d;text-decoration:none;}

/* header
------------------------------------------- */
#header{
	width:100%;
	background:#5a446d
	}

#header-in{
	width:960px;
	margin:0px auto;
	padding:2px 0
	}

h1{
	font-size:10px;
	font-weight:normal;
	font-size:80%;
	color:#fff;
	}

#header2{
	width:100%;
	}

#header2-in{
	width:960px;
	margin:0px auto;
	padding:20px 0 0 0}

#logo{
	float:left;
	width:402px;
	}

#info{
	float:right;
	width:492px;
	}

/* navigation
----------------*/
nav{width:492px;}

nav ul{
	width:492px;
	height:48px;
	}

nav li{
	float:left;
	height:48px;
	}

/* mainimg
-------------------------------------------- */
#mainimg{
	clear:both;
	width:100%;
	height:630px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	background:url(../images/main-bg.jpg) no-repeat center top
	}
	
#mainimg-in{
	margin:0 auto;
	width:960px;
	height:630px;
	}	
	
/* h2
-------------------------------------------- */
#h2img{
	clear:both;
	width:100%;
	height:100px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	background:url(../images/h2-bg.jpg) no-repeat center top
	}
	
#h2img-in{
	margin:0 auto;
	width:960px;
	height:100px;
	}		

/* pagebody
------------------------------------------- */
#pagebody{
	width:960px;
	margin:0px auto;
	padding:60px 0 30px 0;
	}

/* footer
------------------------------------------- */
footer{	clear:both;} 
.inr{
	width:960px;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	}
	
.inr2{
	width:960px;
	margin:0 auto;
	padding:30px 0;
	}	
	
.inr3{
	width:960px;
	margin:0 auto;
	padding:20px 0 30px 0;
	text-align:center;
	}	

#footer1{
	clear:both;
	width:100%;
	background: #725d85;
	}
	
#footer2{
	clear:both;
	width:100%;
	color:#666;
	font-size:85%;
	background: #ddd;
	}

#footer3{
	clear:both;
	width:100%;
	}		

footer ul{list-style:none;}
footer li{display:inline; height:42px;}

#footer2 h3{
	border-left:4px solid #666;	
	font-size:150%;	
	font-weight:bold;
	margin-bottom:20px;
	padding:3px 0 2px 8px;	
	}

/* top.html
------------------------------------------- */
.w465{width:465px;}

#company{
	float:right;
	width:380px;
	background:url(../images/bg.jpg);
	font-size:90%;
	line-height:1.6em;
	}

#company-in{ padding:15px}

#company h3{
	float:left;
	width:110px;
	}
#company h4{
	float:left;
	width:130px;
	border-left:4px solid #333;	
	font-size:130%;	
	font-weight:bold;
	margin-bottom:10px;
	padding:3px 0 2px 8px;
	}

#company-in div{
	float:right;
	width:220px;}

#company-in div .map{
	float:right;
	width:46px}

/* style
------------------------------------------- */
img{border:0;vertical-align:bottom;}
.imglink a:hover img {opacity:0.7;	filter:alpha(opacity=70);-moz-opacity: 0.7}

.clear{clear:both;}

.f-left{float:left;}
.f-right{float:right;}

.ctr{text-align:center;}
.rgt{text-align:right;}
.small{font-size:80%;line-height:normal;}

.fs80{font-size:80%}
.fs90{font-size:90%}
.fs110{font-size:110%}
.fs120{font-size:120%}
.fs140{font-size:140%}
.fs150{font-size:150%}
.fs200{font-size:200%}

.waku {
	padding:4px;
	background:#fff;
	border:1px solid #ccc;}

/*-----------
width
----------- */
.w40{width:40px;}
.w60{width:60px;}	
.w80{width:80px;}	
.w90{width:90px;}	
.w120{width:120px;}	
.w140{width:140px;}	
.w150{width:150px;}
.w160{width:160px;}
.w180{width:180px;}
.w190{width:190px;}	
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}	
.w250{width:250px;}	
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}	
.w300{width:300px;}	
.w310{width:310px;}	
.w320{width:320px;}	
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w370{width:370px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w640{width:640px;}
.w650{width:650px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w700{width:700px;}
.w740{width:740px;}
.w750{width:750px;}
.w760{width:760px;}
.w820{width:820px;}
.w860{width:860px;}
.w900{width:900px;}
.w920{width:920px;}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb45{ margin-bottom:45px}
.mb50{ margin-bottom:50px}

.mr20{ margin-right:20px}

.pl140{ padding-left:140px}

/*--------------
list
--------------*/
ul{list-style:none}
	
ul.ul_none {list-style:none}
ul.ul_none li{padding:0}

ul.ul_disc{list-style: disc; }
ul.ul_disc li{margin-left: 20px}

/* title
------------------------------*/
h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
	clear:both
	}

.title01{
	font-size:160%;
	border-top:	4px solid #5a446d;	
	border-bottom:1px dashed #ccc;
	font-weight:bold;
	padding:15px 0 13px 0;
	margin-bottom:30px;
	color:#5a446d;	
	}

.title02{
	font-size:100%;	
	border-left:5px solid #333;
	font-weight:bold;
	margin-bottom:15px;
	padding:5px 0 4px 10px;
	}

@media print {
}


.mb20{margin-bottom: 20px;}
.tac{text-align: center;}