@charset "utf-8";
/*===============================================
    Reset
===============================================*/
body {
    font:13px/1 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size:small;
	*font:x-small;
}

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

article,aside,details,figcaption,figure,
footer,header,menu,nav,section { 
	display:block;
}

ul,ol {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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;
    cursor:help;
}

table {
    border-collapse:collapse;
    font-size:inherit;
    font:100%;
}

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

input, select,img {
    vertical-align:middle;
}

small {
   font-size:75%;
}
.normal {font-weight:normal}

/*===============================================

    Module

===============================================*/
.cf:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0px;
	line-height:0;
	clear:both;
}
.cf{zoom:1;}

.clear {clear:both;}

/* font size
-------------------- */
.fs10 {font-size:77%;}
.fs11 {font-size:85%;}
.fs12 {font-size:93%;}
.fs13 {font-size:100%;}
.fs14 {font-size:108%;}
.fs15 {font-size:116%;}
.fs16 {font-size:123.1%;}
.fs17 {font-size:131%;}
.fs18 {font-size:138.5%;}
.fs19 {font-size:146.5%;}
.fs20 {font-size:153.9%;}
.fs21 {font-size:161.6%;}
.fs22 {font-size:167%;}
.fs23 {font-size:174%;}
.fs24 {font-size:182%;}
.fs25 {font-size:189%;}
.fs26 {font-size:197%;}

/* margin
-------------------- */
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb150 {margin-bottom:150px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.mauto {margin-left:auto; margin-right:auto;}

/* padding
-------------------- */
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb05 {padding-bottop:5px;}
.pb10 {padding-bottop:10px;}
.pb15 {padding-bottop:15px;}
.pb20 {padding-bottop:20px;}
.pb25 {padding-bottop:25px;}
.pb30 {padding-bottop:30px;}
.pb35 {padding-bottop:35px;}
.pb40 {padding-bottop:40px;}
.pb45 {padding-bottop:45px;}
.pb50 {padding-bottop:50px;}

.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

/* width
-------------------- */
.w20 {width:20px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}

.w10per {width:10%;}
.w20per {width:20%;}
.w30per {width:30%;}
.w40per {width:40%;}
.w50per {width:50%;}
.w60per {width:60%;}
.w70per {width:70%;}
.w80per {width:80%;}
.w90per {width:90%;}
.w100per {width:100%;}


/* text-align & float
-------------------- */
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}

.f_right {float:right;}
.f_left {float:left;}

/* 画像リンクホバー */
a.filter:hover img {
	opacity: 0.7; 
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7;
}

.red {color:#F00}

/*===============================================

    Layout & Common Parts

===============================================*/
html {
	background-color:#4472C3;
}
body {
	background-color:#fff;
}
#container {
	width:960px;
	margin:0 auto;
	background-color:#fff;
}

/* header
----------------------- */
#header {
	padding:1px;
	position:relative;
}
#header .header_top {
	padding-top:10px;
	overflow:hidden;
}

#header .header_top .logo {
	float:left;
}

#header .header_top .government_link {
	float:right;
}


#header .sitetitle {
	float:left;
	margin-top: 10px;
	margin-bottom: 5px;
}


/* メニュースキップ */
#skip_link a {
	background:url(../img/common/arrow_bk.png) 0 3px no-repeat;
	padding-left:15px;
	color:#777;
	font-size:77%;
	text-decoration:none;
}
#skip_link a:hover {
	text-decoration:underline;
}

/* フォントサイズリサイズ */
.toolbox li {
	display:inline;
	float:left;
}

.fontresize {
	font-size:77%;
	font-weight:bold;
	padding-right:10px;
}

.fontresize a {
	color:#777;
	text-decoration:none;
	padding:2px;
	border:1px solid #ccc;
}
.fontresize a:hover {
	background-color:#4373C1;
	color:#fff;
}

/* Googleカスタム検索 */
.toolbox li #search {
	width:150px;
	height:20px;
	overflow:hidden;
	padding-right:0px;
	border: 1px solid #D9D9D9;
	margin-top:-5px;
}
.toolbox li #search:hover {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-image: none;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    outline: medium none;
}

.toolbox li #search:focus {
	border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}
.toolbox li #search .gsib_a {
	padding:2px 3px;
}
.toolbox li #search input.gsc-search-button,
.toolbox li #search input.gsc-search-button:hover,
.toolbox li #search input.gsc-search-button:focus {
	background-color:transparent;
	border:none;
}

/* Googleカスタム検索スタイル　リセット */
.gsst_b {
	margin-top:-2px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0em !important;
    width: auto;
}
table.gsc-search-box td.gsc-input {
    padding-right: 0px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px !important;
}
input.gsc-input {
    border: none !important;
	margin:0 !important;
	margin-top:-2px !important;
    padding: 0 !important;
}
.gsc-input-box {
    border: none !important;
    height: 20px !important;
}
.gsc-search-box .gsc-input > input:hover, .gsc-input-box-hover {
	border:none !important;
    box-shadow: none !important;
}
.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
    border: none !important;
    box-shadow:none !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {/* ボタン */
     height: 0 !important;
    margin-top: 0px !important;
    min-width: 0 !important;
    padding: 10px !important;
    width: 0 !important;
	background:url(../img/common/gcs_icon.png) 50% 50% no-repeat !important;
}
input.gsc-search-button-v2:hover {
	background-color:#efefef !important;
}

/*    Global Navi
-----------------------------*/
#header #navi {
	overflow:hidden;
}
#header #navi li {
	width:20%;
	float:left;
}

#header #navi li a {
	color:#707070;
	background:url(../img/common/gnavi_bg.jpg) 0 0 repeat-x;
	text-decoration:none;
	font-weight:bold;
	border-left:1px solid #ccc;
	display:block;
	line-height:45px;
	text-align:center;
}
#header #navi li a:hover,
#header #navi li.current a {
	color:#fff;
	background:url(../img/common/gnavi_bg.jpg) 0 -45px repeat-x;
}

#header #navi li:last-child a {
	border-right:1px solid #ccc;
}

/* ページトップへ
----------------------- */
#scrollUp {
	bottom: 20px;
	right: 20px;
	background-color: #4472C3;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	opacity: .9;
	padding: 10px 20px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
	-webkit-backface-visibility: hidden;
}

#scrollUp:hover {
    background-color: #91BAE3;
}

/* ページトップへ 地味め
----------------------- */
.totop{
	text-align:right;
	color:#4472C3;
	}

/* マウスオーバーで画像を薄く
----------------------- */
img:hover.overwhite{
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/* footer
----------------------- */
#footer {
	background-color:#4472C3;
	width:100%;
	overflow:hidden;
}

.footer_inner {
	width:960px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding-top:10px;
}

#footer .footer_menu {
	margin-bottom:20px;
	font-size:77%;
}
#footer .footer_menu li {
	display:inline;
	padding:0 10px 0 20px;
}
#footer .footer_menu li a {
	color:#fff;
	text-decoration:none;
	background:url(../img/common/arrow_wt.png) 0 3px no-repeat;
	padding-left:15px;
}
#footer .footer_menu li a:hover {
	color:#fff;
	text-decoration:underline;
}

#footer .address {
	font-size:85%;
	margin-bottom:20px;
}

#footer .copyright {
	font-size:85%;
	margin-bottom:10px;
}