@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
ul,ol{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select{*font-size:100%;}

body{
	font-size:14px;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.4;
	background-color:#5D5D5D;
}
a:link{
	color:#0044cc;
}

a:visited{
	color:#003399;
}

a:hover{
	text-decoration:none;
}

p{
	margin-bottom:1em;
}

.f_l{
	float:left;
}

.f_r{
	float:right;
}

.al_r{
	text-align:right;
}

.text{
	margin-left:1em;
}

.mr1em{
	margin-right:1em;
}

.mt30{
	margin-top:30px;
}

.frame{
	padding:1px;
	border:1px solid #ccc;
}

.fs12{
	font-size:12px;
}

.fs13{
	font-size:13px;
}

.fs16{
	font-size:16px;
}

.clRed{
	color:#cc0000;
}

table{
	width:100%;
	margin-bottom:20px;
}

th{
	background-color:#FAFAFA;
	padding:6px 20px;
	border:1px solid #DEDEDE;
}

td{
	border:1px solid #DEDEDE;
	padding:6px 15px;
}

.disc{
	list-style-type: disc;
	margin-left:15px;
}

/* clearfix
-------------------------------------------------------------- */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.clear{
	clear:both;
	height:1px;
}


/* wrapper
-------------------------------------------------------------- */
#wrapper{
	background-color:#fff;
}

/* header
-------------------------------------------------------------- */
#header{
	background-image:url("../images/h_bg.png");
	background-repeat:repeat-x;
	background-position:left top;
	padding-top:55px;
}

.headerInner{
	width:960px;
	margin:0 auto;
}

.headerInnerL{
	width:370px;
	float:left;
}

.headerInnerR{
	width:400px;
	float:right;
}
.headerInnerL p,
.headerInnerR p{
	margin-bottom:7px;
}


/* globalNavi
-------------------------------------------------------------- */
#globalNavi{
	width:960px;
	margin:0 auto;
}

#globalNavi ul li{
	float:left;
	width:160px;
}

/* sub----------------------------------- */
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:50px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #DADADA; border-top:none; margin:0}
ul.menu ul li a {display:block; padding:6px 7px 7px; background-color:#f5f5f5}
ul.menu ul li a:hover {background-color:#DADADA}
ul.menu ul ul {left:192px; top:-1px}
ul.menu .menulink {border:1px solid #DADADA; padding:6px 7px 7px; font-weight:bold;}
ul.menu .sub {background:#DADADA url(images/arrow.gif) 180px 8px no-repeat}


/* mailVisual
-------------------------------------------------------------- */
.mainVisual{
	width:960px;
	margin:0 auto;
	margin-top:15px;
}

/* container
-------------------------------------------------------------- */
#container{
	width:960px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:40px;
}

/* content
-------------------------------------------------------------- */
#content{
	width:700px;
	float:right;
}

#content h2{
	background-image:url("../images/ttl_01.gif");
	background-position:left top;
	background-repeat:no-repeat;
	width:685px;
	height:32px;
	padding:8px 0 0px 15px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}

#content h3{
	background-image:url("../images/ttl_02.gif");
	background-position:left top;
	background-repeat:no-repeat;
	width:685px;
	height:32px;
	padding:8px 0 0px 15px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

#content h4{
	font-weight:bold;
	margin-bottom: 0.6em;
}

#content h5{
	margin-bottom: 0.6em;
}

.sectionBox{
	margin-bottom:30px;
	padding:0 15px;
}

.history dt {
	float: left;
	width:115px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left 1px;
}

.history dd {
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #CECCCD;
	padding-left: 115px;
}

#content ul,
#content ol{
	margin-bottom:1em;
}

#content ul.hedge li{
	text-indent:-1em;
	padding-left:1em;
}

/* アクセスページ
-------------------------------------------------------------- */
div.accessMap{
	margin-bottom:20px;
	text-align: right;
}

div.accessBox{
	margin-bottom:20px;
}

/* cfcontents
-------------------------------------------------------------- */
.cf_box_contact a img {
	position: relative;
	top: -60px;
	left: 270px;
	z-index: 10;
}

.pageTop{
	width:960px;
	margin:0 auto;
	text-align:right;
	margin-bottom: -2px;
}

.cfLogo{
	text-align:left;
}

/* sidebar
-------------------------------------------------------------- */
#sidebar{
	width:225px;
	float:left;
}

#sidebar h3{
	background-image:url("../images/side_ttl_01.gif");
	background-repeat:no-repeat;
	background-position:left top;
	width:205px;
	height:28px;
	font-size:16px;
	color:#FFF;
	padding-top:7px;
	padding-left:20px;
	clear:both;
}

#sidebar h3 a{
	color:#fff;
	text-decoration:none;
}

#sidebar h3 a:hover{
	color:#fff;
	text-decoration:underline;
}

.sidebarBox{
	background-color:#FAFAFA;
	padding:10px;
	margin-bottom:15px;
}

.sidebarBox ul.listContent{
	margin-left:20px;
}

.sidebarBox ul li{
	list-style-image:url("../images/icon_arrow01.gif");
	margin-bottom:3px;
}

.sidebarBox ul li a{
	text-decoration:none;
	color:#333;
}

.sidebarBox ul li a:hover{
	text-decoration:underline;
}

/* footer
-------------------------------------------------------------- */
#footer{
	clear:both;
}

.footerContent{
	width:960px;
	margin:0 auto;
}

.footerBg{
	background-image:url("../images/f_bg_line.gif");
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#5d5d5d;
	padding:12px 0;
}

.footerInner{
	width:960px;
	margin:0 auto;
}

.footerInner p{
	text-align:left;
	color:#fff;
	margin-bottom:0;
}

.footerInner p span{
	float:right;
}

.footerInner p a{
	color:#fff;
	text-decoration:none;
}

.footerInner p a:hover{
	color:#fff;
	text-decoration:underline;
}

/* ukon_image
-------------------------------------------------------------- */

.imgu1{
  /*画像の幅を100%に設定*/
  width:30%; 
}
.imgu2{
  /*画像の幅を100%に設定*/
  width:22%; 
}
.imgu4{
  /*画像の幅を100%に設定*/
  width:35%; 
}
/*余白のリセット*/
*{
  margin:0;
}

.imgu3{
vertical-align: middle;
}