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

/* ------ Tags init ------ */
:link,:visited{text-decoration: none;}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,
artilce,section,aside,nav{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
fieldset,img,abbr,acronym{border: 0;} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var{font-style: normal;font-weight: normal;}
q:before,q:after{content: '';}
a{text-decoration: underline;outline: none;}
hr{border: 0;height: 1px;background-color: #000;color: #000;}
a img,:link img,:visited img{border: none;}
address{font-style: normal;display: inline;}

body{color:#333333;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;font-size:14px;line-height:1.6;}
a{ color:#0066cc; text-decoration:none;}
a:hover { color:#0080ff; text-decoration:underline;}

strong { font-weight:bolder;}

/* ------ Utilities ------ */

/* Common
 ---------------------*/
.hidden	{display:none;}
.clearfix:after	{content: url(imgs/pixel.gif);display: block;clear: both;height: 0;}
.clearfix	{ display: inline-block; }
.clearfix	{ display: block; }

/* Unit Title Content
 ---------------------*/
.unit	{display:block;}
.title	{font-weight:bolder;}
.content{display:block;}

/* etc */
.color_red { color:#CC0000;}
.mg_b { margin-bottom:10px;}
.mg_b20 { margin-bottom:20px;}
.al_center { text-align:center;}
.al_right { text-align:right;}
.in-unit { margin-bottom:20px;}
.ft_big { font-size:129%;}
.ft_mini { font-size:86%;}

/* Headers */
#header { width:960px; margin:0 auto; padding-bottom:5px;}
#header #header-topnv{ height:28px; line-height:28px; padding-top:5px; font-size:72%; border-bottom:1px solid #059bf9;}
#header #header-topnv ul {float:right; width:180px;}
#header #header-topnv li {float:left; list-style:none; width:75px; display:inline; background:url(imgs/arrow_01.gif) left no-repeat; padding-left:15px;}
#header #header-add { text-align:right; padding:3px 0 0 0;}
#header-content {height:45px;}
#header #logo { width:340px; float:left; position:relative;}
#header #logo .text{position:absolute;top:0;left:0;color:#fff;}
#header #logo .img{position:relative;top:0;left:0;}
#header-navi { width:545px; float:right; position:relative; padding-top:5px;}
#header-navi ul { float:left;width:332px;padding-right:5px; }
#header-navi li { float:left; width:110px; list-style:none; padding-top:6px; display:inline; text-align:center; color:#333; font-weight:bold;}
#header-navi .right-border {background:url(imgs/hd_nav_border.gif) right no-repeat;}
#header-navi a { display:block;}
#header-navi #header-btn{float:left;}

/* top_banners */
#top_banners { height:185px; margin-top:15px; margin-bottom:1px;}
#top_banners li { list-style:none; display:inline; float:left;}
#top_banners a { display:block;}
#top_banners { position:relative; overflow:hidden;}
#top_banners ul { position:relative; left:50%; width:960px;}
#top_banners ul li { position:relative; left:-50%; float: left;}
#top_banners .margin-r { margin-right:15px; }

/* slider */
#slider { width:960px; margin:0 auto; height:290px;}
#slider ul {list-style: none; position:relative;}
#slider li {display:inline; list-style: none;}
#slider #output li, #slider #hidden li {display:block;left:0;top:0;position:absolute;}
#slider #hidden li {display:none;}

/*footer  */
#footer { margin-top:10px;background:#f3f3f3;color:#666; padding:10px 0 20px 0;}
#footer #footer_menu {width:960px; margin:0 auto; font-size:86%;}
#footer #footer_menu #ft_nv { padding:15px 0;}
#footer #footer_menu #ft_logo #ft_img {float:left;}
#footer #footer_menu #ft_logo #ft_address {float:left; margin-left:20px;}
#footer #footer_menu #copyright { margin-top:15px; }

/* top */
#top_alpha{ width:700px; float:left; padding-top:15px;}
#top_beta{ width:240px; float:right; padding-top:15px;}


/* top_info */
#top_info { margin-top:10px; }
#top_info h2.top_info_title { color:#1c8ad2;border-bottom: dotted 1px #1c8ad2;font-size:150%;font-weight:bold;}
#top_info li { list-style:none;}
#top_info .published {margin-top:15px;}
#top_info .published_date {font-size:70%;width:86px;height:19px;float:left;text-align:center;background-color:#d0e7ff;color:#1c8ad2;padding-top:3px;}
#top_info .published_title {margin-left:15px;float:left;}
#top_info_content { background:#EEE; margin:0;}

/* content */
#container{ min-width:960px; }
#content { width:960px; margin:0 auto;}
#content .unit { margin-bottom:30px;}
#content ol.list { margin-left:25px;}
#content ul.list { margin-left:20px;}

#alpha{ width:700px; float:left;}
#beta{ width:240px; float:right;}


/* side_nv */
#side_nv { margin-bottom:10px;}
#side_nv li { width:240px; float:left; list-style:none; background:url(imgs/local_nv_bk.gif) left no-repeat; display:inline;}
#side_nv li a { color:#FFF; display:block; font-weight:bolder; padding-left:20px; line-height:45px; margin-bottom:3px;}

/* side_banner */
#side_banner {}


/* お知らせ月別 */
#beta .widget_archive { margin-bottom:15px;}
#beta .widget_archive .widget-title { background:#1c8ad2; color:#fff;font-size:86%; text-align:center; padding:5px; margin-bottom:5px;}

/* bizcalendar　カレンダー */
#beta .widget_bizcalendar h3.widget-title,#top_beta .widget-title { background-color:#1c8ad2; color:#fff;font-size:86%; margin-bottom:-10px; text-align:center; padding:5px;}
#biz_calendar table.bizcal,#top_beta .widget-title { border-top:1px solid #CCC;}


#beta .widget-title { background:#1c8ad2; color:#fff;font-size:86%; text-align:center; padding:5px; margin:10px 0 0 0;}
#biz_calendar { margin-top:-10px;}

/* page title */
#page_title { width:940px; color:#fff; background:#049efa; font-size:179%; padding:10px 0 10px 20px; font-weight:bolder;}

/* breadcrumbs */
#breadcrumbs { width:920px; margin:0 auto 10px auto; color:#fff; font-size:86%; padding:10px 0 10px 40px; background-image:url(imgs/breadcrumb_home.gif);background-position:15px;background-repeat:no-repeat; background-color:#1456ac;}
#breadcrumbs a { width:960px; margin:0 auto; padding:10px 0; color:#fff;}

/* table */
.table_set table { width:100%; background:#83d0fd;}
.table_set th { background:#d5efff; padding:10px; text-align:left; color:#0D589C; font-weight:bolder;}
.table_set td { background:#fff; padding:10px;}
.width150 { width:150px;}


/* contents */
#alpha h2.title { background:url(imgs/title_back.gif) left top no-repeat; font-size:129%; color:#1c8ad2; line-height:18px; padding:0 0 0 25px; margin-bottom:10px;}

/* alpha  */
/* index_list */
#alpha h2.top_copy { font-size:158%; font-weight:bolder; margin:36px 0;}
#alpha p.reed {}

#alpha #index_list { position:relative;}
#alpha #index_list .unit { margin-right:-20px;}

#alpha #index_list .in-unit { float:left; width:340px; background:#d0edfe; margin-right:20px; height:230px;}
#alpha #index_list .in-title { font-size:115%; font-weight:bolder; border-bottom:2px solid #049efa; padding:7px 20px;}
#alpha #index_list .in-content { padding:10px 20px;}
#alpha #index_list .img { float:left; width:106px;}
#alpha #index_list .text { float:right; width:170px; font-size:86%;}
#alpha #index_list .text a { background:url(imgs/arrow_03.png) left no-repeat; padding-left:15px;}
#alpha #index_list .text .link { margin-top:10px;}

/* explanation */
#alpha #explanation .in-unit h3.title { font-size:115%; border-bottom:1px solid #049efa; padding-bottom:5px; margin-bottom:10px;}

#alpha #explanation .img { float:left; width:240px;}
#alpha #explanation .text { float:right; width:440px;}

/* work */
#work {}

/* gas */
#gas {}

/* information archives */
h1.info-title,h1.archive-title { font-size:129%; padding:10px; font-weight:bolder; border-bottom:2px solid #049efa; margin-bottom:15px;}
#information h1.entry-title,#primary h1.entry-title { background:#deeefa; padding:5px 10px; font-size:116%; margin-bottom:10px;}
#information .entry-content,#primary .entry-content { margin-bottom:20px;}

.post_date { text-align:right; font-size:72%; margin-bottom:20px;}
.nav-single { font-size:86%; text-align:center; margin:15px 0; border-top:1px dotted #CCC; padding:10px 0;}

.info-index { margin-bottom:20px;}
.info-index .entry-title { font-weight:bolder; background:#d5efff; padding:5px 10px; margin-bottom:5px;}


/* contact */
#contact .bt { margin:10px; text-align:center;}
#contact .bt input { padding:10px 30px;}
#contact .bd_box { border:1px solid #CCC; background:#EEE; padding:10px 20px; margin-top:10px;}
#contact .asterisk { color:#CC0000; font-size:86%; font-weight:normal;}

#maker_list { background:#EEE; padding:10px 20px;}
#maker_list .list li { list-style:none;}
#maker_list .list { float:left; width:310px; margin:10px 0 0 0;}
#maker_list #nut { width:620px;}
#maker_list .list a { padding-left:15px;}

/* privacypolicy */
#privacypolicy { padding-top:15px;}
#privacypolicy .note { border:1px solid #CCC; padding:10px 20px; margin-top:10px;}

/* sitemap */
#sitemap { padding-top:15px;}
#sitemap h2 { background:url(imgs/arrow_04.gif) left no-repeat; padding:3px 0 0 20px; font-size:115%; font-weight:bolder; border-bottom: 1px dotted #049efa; margin-bottom:10px;}
#sitemap ul.list { margin-left:50px;}