@charset "utf-8";

/*base
---------------------------*/
* { margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; }
body { color: #333333; font-size: 80%; line-height: 150%; }

/*link
---------------------------*/
a 			{ color: #333333; text-decoration: underline; }
a:link		{ color: #333333; text-decoration: underline; }
a:visited	{ color: #333333; text-decoration: underline; }
a:hover		{ color: #00AEE5; text-decoration: underline; }
a:active	{ color: #00AEE5; text-decoration: underline; }

/*title,p,img
---------------------------*/
h1,h2,h3,h4,h5,p { font-weight: normal; margin: 0px; padding: 0px; }
img { border:none; }
table{ font-size:100%; }

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear{ clear:both; margin:0; padding:0; }
.imgr { float: right; margin-left: 20px; }
.imgl { float: left; margin-right: 20px; }
.mgn5 { margin-top: 5px; }
.mgn10 { margin-top: 10px; }
.mgn15 { margin-top: 15px; }
.mgn20 { margin-top: 20px; }
.mgn30 { margin-top: 30px; }
.mgn40 { margin-top: 40px; }
.mgn50 { margin-top: 50px; }
.smoll { font-size: 80%; }
.underline { text-decoration: underline; }
.red { color: #CC3300; }
.orange { color: #FF6600; }
.regular { font-size: 80%; font-weight: normal; color: #333333; }
.list_blok01 { list-style-image:none; padding:0px 0px 5px 12px; margin:10px 0px 5px; border-bottom:1px dotted #333; background-image: url(../images/list_icon_blok01.gif); background-repeat: no-repeat; background-position: 0px 7px; }
.list_arrow01 { display: inline; background:url(../images/list_icon_arrow01.gif) no-repeat 0px 2px; padding-left:14px; list-style-image:none; line-height: 185%; margin-right: 10px; }
.list_dot01 { list-style-image:none; line-height: 185%; border-bottom: 1px dotted #333333; margin-bottom: 5px; }

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }
ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }
dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }


/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select { text-align: left; }
iframe { border-style: none; }

/*clearfix
---------------------------*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */


/*全体を格納*/
#wrapper { margin: 15px auto 0px; padding: 0px; width: 890px; }

/*ヘッダー*/
#header { width: 890px; margin: 0px 0px 20px; float: left; }

#header #headline_wrap { width: 890px; margin: 0px; float: left; }
#header #headline_wrap h1 { text-align: left; font-size: 110%; line-height: 150%; float: left; }
#header #headline_wrap ul.list04 { margin: 0px 0px 10px; float: right; }
#header #headline_wrap ul.list04 li { display: inline; background:url(../images/list_icon_arrow01.gif) no-repeat 0px 2px; padding-left:14px; list-style-image:none; line-height: 185%; margin-right: 10px; }
#header #headline_wrap ul.list04 li a:link,
#header #headline_wrap ul.list04 li a:visited { color:#333333; text-decoration: underline; }
#header #headline_wrap ul.list04 li a:hover,
#header #headline_wrap ul.list04 li a:focus { color:#00AEE5; text-decoration: underline; }
#header #headline_wrap img { vertical-align: middle; }

#headerlogo { float: left; width: 173px; margin: 0px; }
#headernavi { margin: 15px 0px 0px; float: right; width: 691px; }
ul#gnavi { height: 23px; float: left; margin: 0px; padding: 0px; }
ul#gnavi li { display: inline; }
ul#gnavi a{ float: left; margin: 0px; padding: 0px; }

/*トップイメージ*/
#topimage { width: 890px; float: left; margin: 0px 0px 15px; }
#topgadget { width: 460px; margin: 0px 0px 25px; }

/*コンテンツエリア*/
#pan { width: 890px; float: left; margin: 0px 0px 15px; }
#contents { width: 890px; float: left; margin: 0px 0px 15px; border-bottom: 2px solid #000000; padding: 0px 0px 20px; }
#leftzone { width: 670px; float: left; }
#rightzone { width: 190px; float: right; }
#leftmenu { width: 190px; float: left; }
#topmain { width: 460px; float: right; }
#main { width: 670px; float: right; }
#pagetop { width: 890px; float: left; text-align: right; margin: 20px 0px 0px; }

/*共通*/
.navi_local { width: 190px; margin: 0px 0px 5px; }
.navi_local h2 { margin: 0px 0px 5px; font-size: 100%; }
.navi_local p { font-size: 100%; }
.navi_local ul.list01 { background:url(../images/bg_navi-local.gif) repeat left top; padding:10px 0px 10px 10px; margin: 5px 0px; }
.navi_local ul.list01 li { padding-left:14px; font-weight: bold; list-style-image:none; line-height: 140%; margin: 0px 0px 7px; background-image: url(../images/list_icon_arrow01.gif); background-repeat: no-repeat; background-position: 0px 5px; }
.navi_local ul.list01 li a:link,
.navi_local ul.list01 li a:visited { color:#333333; }
.navi_local ul.list01 li a:hover,
.navi_local ul.list01 li a:focus { color:#00AEE5; text-decoration: underline; }

.navi_local ul.list02 { width: 190px; margin: 0px; }
.navi_local ul.list02 li { margin: 0px 0px 2px; }

.navi_local ul.list03 { width: 190px; margin: 0px; }
.navi_local ul.list03 li { margin: 0px 0px 2px; }

.navi_local ul.list04 { width: 190px; }
.navi_local ul.list04 li { margin: 0px 0px 2px; }

.navi_banner { width: 190px; margin: 0px 0px 15px; }
.navi_banner ul.list02 { width: 190px; margin: 0px; }
.navi_banner ul.list02 li { margin: 0px 0px 2px; }

.topkiji { width: 460px; margin: 0px 0px 30px; }
.topkiji h2 { border-bottom: 2px solid #000000; margin: 0px 0px 10px; padding: 0px 0px 5px; }
.topkiji ul.list03 { width: 460px; }
.topkiji ul.list03 li { margin: 0px 0px 7px; border-bottom: 1px dotted #333333; padding: 0px 0px 2px; }
.topkiji ul.list03 li a:link,
.topkiji ul.list03 li a:visited { color:#333333; }
.topkiji ul.list03 li a:hover,
.topkiji ul.list03 li a:focus { color:#00AEE5; text-decoration: underline; }
.topkiji dl { float: left; width: 460px; padding: 0px 0px 5px; border-bottom: 1px dotted #333333; margin: 10px 0px 0px; }
.topkiji dt { float: left; width: 120px; }
.topkiji dd { float: right; width: 325px; line-height: 130%; }
.topkiji dd a:link,
.topkiji dd a:visited { color:#333333; font-weight: bold; }
.topkiji dd a:hover,
.topkiji dd a:focus { color:#00AEE5; text-decoration: underline; }

/*詳細*/
#pan h2 { font-size: 125%; font-weight: bold; height: 30px; border-left: 2px solid #24449C; padding-left: 10px; line-height: 180%; }
.detail01 { width: 670px; float: left; margin: 0px 0px 35px; }
.detail01 h2 { font-size: 125%; color: #24449C; font-weight: bold; border-bottom: 2px solid #24449C; margin: 0px 0px 15px; padding: 0px 0px 2px; }
.detail01 h3 { font-size: 115%; color: #24449C; font-weight: bold; margin: 0px 0px 10px; }
.detail01 table { width: 100%; }
.detail01 table th { text-align: left; border-bottom: 1px dotted #333333; padding: 7px 0px 3px; width: 155px; }
.detail01 table td { text-align: left; border-bottom: 1px dotted #333333; padding: 7px 0px 3px; }

.detail02l { width: 132px; float: left; margin-bottom: 25px; }
.detail02r { width: 520px; float: right; margin-bottom: 25px; }
.detail02r p { line-height: 130%; }

.staff_l { width: 320px; float: left; margin: 0px 0px 30px; }
.staff_l img { float: right; margin-left: 15px; }
.staff_r { width: 320px; float: right; margin: 0px 0px 30px; }
.staff_r img { float: right; margin-left: 15px; }
.staff_lr { width: 670px; float: left; margin: 0px 0px 30px; }
.staff_lr img { float: right; margin-left: 15px; }

.case { width: 670px; float: left; margin: 0px 0px 45px; }
.case h2 { font-size: 125%; color: #24449C; font-weight: bold; border-bottom: 2px solid #24449C; margin: 0px 0px 15px; padding: 0px 0px 2px; }
ul#caseList li { width: 200px; float: left; margin: 0px 20px 20px 0px; _margin: 0px 20px 20px 0px; }
ul#caseList li a { display: block; text-decoration: none; }
ul#caseList li a .thumb { width: 200px; height: 150px; overflow: hidden; display: block; margin-bottom: 10px; }
ul#caseList li a .address { font-weight: bold; color: #24449C; padding-bottom: 2px; text-align: center; border-bottom:1px dotted #333333; display: block; margin-bottom: 5px; }
ul#caseList2 li { width: 200px; float: left; margin: 0px 20px 20px 0px; _margin: 0px 20px 20px 0px; }
ul#caseList2 li a { display: block; text-decoration: none; }
ul#caseList2 li a .thumb { width: 200px; height: 150px; overflow: hidden; display: block; margin-bottom: 10px; }
ul#caseList2 li a .address { font-weight: bold; color: #24449C; padding-bottom: 2px; text-align: center; border-bottom:1px dotted #333333; display: block; margin-bottom: 5px; }
ul#caseList3 li { width: 200px; float: left; margin: 0px 20px 20px 0px; _margin: 0px 20px 20px 0px; }
ul#caseList3 li a { display: block; text-decoration: none; }
ul#caseList3 li a .thumb { width: 200px; height: 150px; overflow: hidden; display: block; margin-bottom: 10px; }
ul#caseList3 li a .address { font-weight: bold; color: #24449C; padding-bottom: 2px; text-align: center; border-bottom:1px dotted #333333; display: block; margin-bottom: 5px; }
ul#caseList4 li { width: 200px; float: left; margin: 0px 20px 20px 0px; _margin: 0px 20px 20px 0px; }
ul#caseList4 li a { display: block; text-decoration: none; }
ul#caseList4 li a .thumb { width: 200px; height: 150px; overflow: hidden; display: block; margin-bottom: 10px; }
ul#caseList4 li a .address { font-weight: bold; color: #24449C; padding-bottom: 2px; text-align: center; border-bottom:1px dotted #333333; display: block; margin-bottom: 5px; }

.contact { width: 670px; float: left; margin: 0px 0px 35px; }
.contact h2 { font-size: 125%; color: #24449C; font-weight: bold; border-bottom: 2px solid #24449C; margin: 0px 0px 15px; padding: 0px 0px 2px; }
.contact table { width: 100%; margin: 20px 0px 0px; border-top: 1px solid #333333; }
.contact table th { text-align: center; padding: 5px; width: 155px; background-color: #F5F5F5; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #333333; }
.contact table td { text-align: left; padding: 5px 5px 5px 8px; border-right: 1px solid #333333; border-bottom: 1px solid #333333; }
.contact .input_text_big { width:165px; border:1px solid #999999; text-align: left; margin-right: 3px; padding: 2px; }
.contact .input_text_contactaddress { width:350px; border:1px solid #999999; text-align: left; margin-right: 3px; padding: 2px; }
.contact .input_text_small { width:90px; border:1px solid #999999; text-align: left; }
.contact .input_text_ssmall { width:50px; border:1px solid #999999; text-align: left; margin: 5px 0px 0px 5px; }
.contact .input_textspace { width:350px; border:1px solid #999999; text-align: left; }
.contact .select_pref { width:120px; margin-bottom:15px; }
.contact .pulldown { width:120px; }
.contact .eventname { width: auto; }
.contact .check { margin-right:3px; }
.contact #yuubin { margin-bottom:15px; }
.contact .inputbtn { text-align: center; }
.contact .input { text-align: center; margin-top: 25px; }

.bino { width: 670px; float: left; margin: 0px 0px 20px; }

.news { width: 670px; float: left; margin: 0px 0px 35px; }
.news h2 { font-size: 125%; color: #24449C; font-weight: bold; border-bottom: 2px solid #24449C; margin: 0px 0px 15px; padding: 0px 0px 2px; }
.news p { font-size: 100%; }
.news table { width: 100%; margin-top: 30px; }
.news table th { text-align: center; border-bottom: 1px dotted #333333; padding: 7px 0px 3px; width: 100px; }
.news table td { text-align: left; border-bottom: 1px dotted #333333; padding: 7px 0px 3px; }
.news p.infobtn { margin-top: 25px; text-align: center; }
.news p.kijikako { margin: 35px 0px 0px; text-align: center; }

.voice { width: 670px; float: left; margin: 0px 0px 35px; }
.voice h2 { background:url(../images/list_icon_question01.gif) no-repeat 0px 2px; font-size: 125%; color: #24449C; font-weight: bold; border-bottom: 2px solid #24449C; margin: 0px 0px 15px; padding: 0px 0px 2px 20px; }

/*フッター*/
#footer { float: left; width: 890px; padding: 0px 0px 30px; }
#footer p { text-align: left; font-size: 100%; }
#footer ul.list04 { margin: 0px 0px 10px; }
#footer ul.list04 li { display: inline; background:url(../images/list_icon_arrow01.gif) no-repeat 0px 2px; padding-left:14px; list-style-image:none; line-height: 185%; margin-right: 10px; }
#footer ul.list04 li a:link,
#footer ul.list04 li a:visited { color:#333333; text-decoration: underline; }
#footer ul.list04 li a:hover,
#footer ul.list04 li a:focus { color:#00AEE5; text-decoration: underline; }
#footer img { vertical-align: middle; }