@import url(3_layout2nd.css);
/*--------------------------------------------
*
*	tag reset
*	
*--------------------------------------------*/

body {
	margin:0;
	padding:0;
	line-height: 1.4;
	font-family: "メイリオ",Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif;
	font-size:90%;
	color: #464646;
}
/* IE用印刷設定CSS */

@media print{
body {
	_zoom: 80%; /*WinIE only */
}
}

	/* use font-resize.js */
	.fontSmall { font-size: 75%; }
	.fontNormal {
	font-size: 90%;
}
	.fontLarge { font-size: 112.5%; }
.font_s {
	font-size: 93%;
}

* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic" }
h1,h2,h4,h5,h6,form { margin:0; padding:0; font-size: 100%; font-weight: normal; display: block; }
address { font-style:normal;}
th, td { font-weight: normal;}
th { text-align:center; }
ul ,ol { list-style: none; margin:0; padding:0;}
ul li { margin:0; padding:0;}
ol { margin-top:1em; margin-bottom:1em;}
dl, dt, dd { margin:0; padding:0; }
address { font-style: normal; }
p { margin-top:1em; margin-bottom:1em;}
img { border: none; vertical-align: bottom;}

table,
input,
select,
textarea { font-size: 100%;/* line-height: 1.5; */font-family: "メイリオ",Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif; }

input:focus { outline: 0; }




/*--------------------------------------------
*
	default set
	00. clearfix set
	01. wrapper
	02. header
	03. globalMenu
	04. contents
	05. pagetop
	06. footer
	07. copyright

*--------------------------------------------*/

/*--------------------------------------------
	default set
*--------------------------------------------*/
h2,h3,h4,h5,h6 {
	clear:both;
}
body table * p {
	margin-top:0;
	margin-bottom:0;
}

a {
	color:#333333;
	text-decoration: underline;
}

a:hover {
	color:#0F8248;
	text-decoration:underline;
}

.align_left { text-align: left; }
.align_center { text-align: center; }
.align_right { text-align: right; }


/*--------------------------------------------
	00. clearfix set
*--------------------------------------------*/
/* clear *****************/
.clear { clear: both; font-size:0.1%; line-height:0.1; }
.clear hr { display: none; }

.clearfix:after{content: url(../image/clear.gif);display: block;clear: both;height: 0;}
.clearfix{min-height: 1px;}
* html .clearfix{ height: 1px; display:inline-block; }/* IE6 */
.clearfix{ display: block;}



#header:after
{content: url(../image/clear.gif);display: block;clear: both;height: 0;}

/* IE7 */
*:first-child+html #header
{min-height: 1px;}

/* IE6 */
* html
{ height: 1px; display:inline-block; }




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

	01. body & wrapper

============================================*/
body {
	text-align:center;
	color:#353535;	/*border-right: 10px solid #7dbf0d;
	border-left: 10px solid #7dbf0d;*/
	border-top: 3px solid #7dbf0d;
	background: #7dbf0d;
}

#wrap {
	text-align: center;
	clear: both;
	background: #FFF;
	margin: 0px auto;
	padding:0;
	width: 800px;
}

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

	02. header

============================================*/
#header {
	margin: 0px auto 0;
	text-align: left;
	background: #FFF;
	padding: 0px;
	display: block;
	width: 780px;
}
#header h1 {
	width: 255px;
	float: left;
	margin: 0px;
	height: 80px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	
	padding-left: 0;
	text-align: right;
	background:none;
	border:0px;
}
#header_right {
	float: right;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#header .searchBox {
	margin: 0px 10px 0 0px;
	background: #FFF;
	padding-top: 10px;
	padding-left: 10px;
	float: right;
}

#header .searchBox img {
	display: block;
	float: left;
}

#header .searchBox strong {
	width: 98px;
	float: left;
	margin: 0 11px 0 0;
	display: block;
}
.searchBox-p   {
	margin:4px 0 0;
	font-size: 90%;
	background: url(../image/search_icon.gif) 109px 0.3em no-repeat;
	padding: 0 0 0 119px;
	display: block;
}
.searchBox-p2  {
	/* (SEARCH/prefmie/search.aspにて使用) */
	margin:4px 0 0;
	font-size: 90%;
	padding: 0 0 0 119px;
	display: block;
}
.searchBox .search {
	float: left;
	padding: 0px;
	clear: both;
}

.searchText {
	width: 185px;
	margin: 6px 0 0;
	padding: 0;
	float: left;
	border: 1px solid #7f9db9;
	height: 22px;
/*
	background: url(/image/google_custom_search_watermark.gif) no-repeat scroll left center rgb(255, 255, 255);
*/
}
.searchText:focus {
	background-image:none;
}

#header .searchBox input.searchBtn {
	float: left;
	vertical-align: middle;
	margin: 6px 0 0 3px;
}
.searchBox .search #cse-search-box {
	float: left;
	margin-right: 12px;
}
 .searchBox .search .webud{
	padding: 0px;
	float: left;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#header .serchbox_navi {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
	clear: both;
}

#header .serchbox_navi li.li1 {
	background: url(../image/f_icon.gif) 10px 49% no-repeat;
	padding: 0 0 0 29px;
	display: inline;
	margin: 0 12px 4px 0;
	font-size: 90%;
}

#header .serchbox_navi li.li2 {
	background: url(../image/f_icon.gif) 10px 49% no-repeat;
	border-left: dotted 1px #999999;
	padding: 0 0 0 29px;
	display: inline;
	margin: 0 12px 4px 0;
	font-size: 90%;
}


.js {
	color: #A00;
	margin: 0px;
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: left;
}

#topnavi{
	margin: 0 auto 6px;
	text-align: left;
	clear: both;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#topnavi ul {
	padding: 0;
	margin: 0px;
}


#topnavi ul li.menu {
	background: url(../image/h_icon.gif) no-repeat 2px 49%;
	padding: 0 0 0 20px;
	display: inline;
	margin: 0 12px 0 0;
	font-size: 90%;
	line-height: 1.3;
}

#topnavi ul li.menu2 {
	background: url(../image/h_icon.gif) 10px 49% no-repeat;
	border-left: dotted 1px #999999;
	padding: 0 0 0 29px;
	display: inline;
	margin: 0 12px 0 0;
	font-size: 90%;
	line-height: 1.3;
}


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

	03. globalMenu

============================================*/
#globalMenu {
	clear: both;
	width: 780px;
	padding: 0px;
	margin: 5px auto 15px;
}


#globalMenu ul {
	text-align: center;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#globalMenu ul li {
	font-size: 0.1%;
	line-height: 0.1;
	display: inline;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}
.gm_gr {
	background: url(/image/glbgi_gr.gif) repeat-x;
	width: 110px;
	border-right: 1px solid #FFF;
}
.gm_gr2 {
	background: url(/image/glbgi_gr.gif) repeat-x;
	width: 110px;
	border-right: 1px solid #FFF;
}
.gm_bl {
	background: url(/image/glbg_bl.gif) repeat-x;
	width: 110px;
}
.gm_or {
	background: url(/image/glbg_or.gif) repeat-x;
	width: 110px;
	border-right: 1px solid #FFF;
}

/* -----------------------------------
pankuzu-list
----------------------------------- */
#pan {
	width:780px;
	font-size: 90%;
	text-align: left;
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right:auto;
}


#pan p{
	margin: 0;
}



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

	04. contents

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

#wrap-a {
 width:780px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

#containerWrap {
	text-align: center;
	background: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 100%;
}

#containerInner {
	float: left;
	width: 100%;
	margin: 0;
}

#contents {
	float: right;
	width: 550px;
}
#contents-2nd {
	margin: 0 220px;
	padding: 0px;
}

#leftcontents {
	float: left;
	margin-left: -100%;
	width: 200px;
}

#rightcontents {
	float: left;
	margin-left: -200px;
	width: 200px;
	padding: 0px;
}


/*セカンドページ　2カラムのページ　*/


#boxB {
 width:100%;
 float:left;
 margin-right:-200px;
}

#boxB2 {
	margin-right:200px;
}

#boxB #boxB2 ul {
	width: 100%;
}
#boxB #boxB2 ul li {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#boxC {
	width:200px;
	float:left;
}


/*元サイトから*/
.option {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* -----------------------------------
calender
----------------------------------- */
#DATE{
	text-align: right;
}


/* -----------------------------------
box
----------------------------------- */
.box-sp {
	line-height: 140%;
	background-color: #FFE2CC;
	padding: 8px 15px;
	margin: 15px 0px;
	text-align: center;
}
.box-cal {
	float: right;
}
.box-left {
	float: left;
	text-align: center;
	margin-top: 0px;
}
.box-right {
	float: right;
	text-align: center;
	margin-top: 0px;
}
.box-right-a {
	float: right;
	text-align: center;
	margin-top: 0px;
}
.box-right-a img{
	margin-left: 15px;
}



/* -----------------------------------
two colum
----------------------------------- */
.LEFT {
	width: 370px;
	float: left;
/*	text-align: center;*/
	margin-top: 0px;
}
.RIGHT {
	width: 400px;
	float: right;
/*	text-align: center;*/
	margin-top: 0px;
}
.info-m-LEFT {
	width: 470px;
	float: left;
/*	text-align: center;*/
	margin-top: 0px;
}
.info-m-RIGHT {
	width: 270px;
	float: right;
	text-align: center;
	margin-top: 0px;
}

/* -----------------------------------
file
----------------------------------- */
#file {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding:10px 0;
}

/* -----------------------------------
information
----------------------------------- */
#INFO {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	padding:10px 0;
}
/* -----------------------------------
float clear
----------------------------------- */
.clear {
	clear: both;
}
.CLEAR {
	clear: both;
}

.clear_ie7 {
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 5px;
	height: 1px;
}



/*元サイトから　終了*/


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

	05. pageTop

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

#pageTop {
	margin:0 10px;
	text-align: right;
	padding: 0;
	clear: both;
}

#pageTop img {
	margin: 0 ;
}

.setop_bn {
	display: inline;
	float: left;
	margin: 0px 0px 15px 15px;
}



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

	06. footer

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

#footer {
	text-align: center;
}

#footer ul {
	margin: 40px auto 30px auto;
}

#footer ul li {
	background: url(/image/f_icon.gif) 10px 49% no-repeat;
	border-left: dotted 1px #999999;
	padding: 0 0 0 29px;
	display: inline;
	margin: 0 12px 0 0;
}


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

	07. copyright

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

#copy {
	text-align: center;
	background: #EBEBEB;
	padding: 10px 0;
	border-bottom: 2px solid #70ab2b;
	font-size: 90%;
	clear: both;
	display: block;
	margin: 0 0px 1px;
}




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

	08. leftcontents

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

.leftcontentsBox01 {
	background: url(/image/g_ttl_bg01.gif) left top no-repeat;
	padding: 3px 0 0;
	width: 200px;
	margin: 0 0 10px;
}

.leftcontentsBox01 h2 {
	background: url(/image/g_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: solid 1px #FFFFFF;
}

.leftbnrBox01 {
	background: #efefef;
	border-bottom: solid 1px #f5f5f5;
	border-top: solid 1px #aacf58;
	text-align: center;
	padding: 10px 0;
}

.leftbnrBox01 img {
	margin: 0 auto;
}


.leftcontentsBox02 {
	background: url(/image/g02_ttl_bg01.gif) left top no-repeat;
	padding: 3px 0 0;
	width: 200px;
	margin: 0 0 10px;
}

.leftcontentsBox02 h2 {
	background: url(/image/g02_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: solid 1px #FFFFFF;
}
.leftcontentsBox02 h2 span {
}

.leftcontentsBox02 h2.btm_gr {
	background: url(/image/g02_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: 1px solid #57bd52;
}

.leftbnrBox01 .bns {
	list-style: none;
}

.leftmenuBox01 {
	border-top: solid 1px #57bd52;
	border-bottom: solid 1px #939393;
	border-left: solid 1px #939393;
	border-right: solid 1px #939393;
	padding: 5px;
}

.leftmenuBox01 ul {
	margin: 0;
	padding: 0;
}

.leftmenuBox01 ul li {
	list-style:none;
	border-bottom: dotted 1px #57bd52;
	background: url(/image/g_menu_icon.gif) 4px center no-repeat;
	padding: 7px 0 5px 13px;
}

#leftcontentsBox03bns ul li {
	margin-bottom: 10px;
}

/* plus */
.align_center { text-align: center; }

.btm_5 {
	margin-bottom: 5px;
}
.btm_8 {
	margin-bottom: 8px;
}
.tpbtm_8 {
	margin-bottom: 8px;
	margin-top: 8px;
}


h2.bg_bgr {
	font-size: 100%;
	font-weight: bold;
	background: url(/img/bg_sidenavi_bgr.jpg) no-repeat left top;
	margin: 0px 0px 7px;
	height: 35px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 17px;
}

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

	09. rightcontents

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

.rightcontentsBox01 {
	background: url(/image/p_ttl_bg01.gif) left top no-repeat;
	padding: 3px 0 0;
	width: 200px;
	margin: 0 0 10px;
}

.rightcontentsBox01 h2 {
	background: url(/image/p_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: solid 1px #FFFFFF;
}

.rightcontentsBox01 h2 span {
	background: url(/image/p_ttl_icon.gif) left center repeat-y;
	display: block;
	padding: 0 0 0 10px;
}

.rightcontentsBox01 h2.btm_bl {
	background: url(/image/p_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: 1px solid #7f95e6;
}

.rightsampleBox01 {
	border-top: solid 1px #7f95e6;
	border-bottom: solid 1px #939393;
	border-left: solid 1px #939393;
	border-right: solid 1px #939393;
	padding: 5px;
}

.rightsampleBox01 img {
	float: left;
	margin: 5px 0 0 0;
}

.rightsampleBox01 ul {
	margin: 0;
	padding: 0;
	width: 125px;
	float: right;
}

.rightsampleBox01 ul li {
	border-bottom: dotted 1px #337db3;
	background: url(/image/b_menu_icon.gif) 4px center no-repeat;
	padding: 7px 0 5px 13px;
}

.rightcontentsBox02 {
	background: url(/image/g02_ttl_bg01.gif) left top no-repeat;
	padding: 3px 0 0;
	width: 200px;
	margin: 0 0 10px;
}

.rightcontentsBox02 h2 {
	background: url(/image/g02_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: solid 1px #FFFFFF;
}

.rightcontentsBox02 h2 span {
	background: url(/image/g02_ttl_icon.gif) left center repeat-y;
	display: block;
	padding: 0 0 0 10px;
}

.rightmenuBox01 {
	border-top: solid 1px #57bd52;
	border-bottom: solid 1px #939393;
	border-left: solid 1px #939393;
	border-right: solid 1px #939393;
	padding: 5px;
}

.rightmenuBox01 ul {
	margin: 0;
	padding: 0;
}

.rightmenuBox01 ul li {
	border-bottom: dotted 1px #57bd52;
	background: url(/image/g_menu_icon.gif) 4px center no-repeat;
	padding: 7px 0 5px 13px;
}

.rightcontentsBox03 {
	background: url(/image/b_ttl_bg01.gif) left top no-repeat;
	padding: 3px 0 0 0;
	width: 200px;
	margin: 0 0 17px 0;
}

.rightcontentsBox03 h2 {
	background: url(/image/b_ttl_bg02.gif) left bottom no-repeat;
	padding: 4px 13px 5px 13px;
	font-weight: bold;
	border-bottom: solid 1px #FFFFFF;
}

.rightcontentsBox03 h2 span {
	background: url(/image/b_ttl_icon.gif) left center repeat-y;
	display: block;
	padding: 0 0 0 10px;
}

.rightsampleBox02 {
	border-top: 1px solid #7f95e6;
	border-bottom: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	padding: 5px;
	text-align: center;
}

.rightsampleBox02 img {
	margin: 5px auto 0 auto;
}

.rightsampleBox02 ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

.rightsampleBox02 ul li {
	border-bottom: dotted 1px #337db3;
	background: url(/image/b_menu_icon.gif) 4px 0.9em no-repeat;
	padding: 7px 0 5px 13px;
}

/* plus */
.bg_bgr {
	font-size: 100%;
	font-weight: bold;
	background: url(/image/bg_sidenavi_bgr.jpg) no-repeat left top;
	margin: 0px 0px 0px;
	height: 35px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 17px;
}

.bg_gr1 {
	font-size: 100%;
	font-weight: bold;
	background: url(/image/bg_sidenavi_gry1.jpg) no-repeat left top;
	margin: 0px 0px 0px;
	height: 35px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 17px;
}

.bg_gr2 {
	font-size: 100%;
	font-weight: bold;
	background: url(/image/bg_sidenavi_gry2.jpg) no-repeat left top;
	margin: 0px 0px 0px;
	height: 35px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 17px;
}

.bg_gr3 {
	font-size: 100%;
	font-weight: bold;
	background: url(/image/bg_sidenavi_gry3.jpg) no-repeat left top;
	margin: 0px 0px 5px;
	height: 35px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 17px;
}

.rightcontentsBox04 {
	padding: 3px 0 0 0;
	width: 200px;
	margin: 0 0 17px 0;
}
.rightcontentsBox04 ul {
	text-align: center;
}





/* -----------------------------------
menu
----------------------------------- */
#menu {
	width: 180px;
	line-height: 120%;
	margin-top: 5px;
	padding-left: 0px;
	margin-bottom: 0px;
	float: left;
}
#menu-a {
	width: 180px;
	line-height: 120%;
	margin-top: 5px;
	margin-bottom: 0px;
	float: left;
}
#menu-b {
	width: 250px;
	line-height: 120%;
	margin-top: 5px;
	padding-left: 3px;
	margin-bottom: 0px;
	float: left;
}
#menu-b-sub {
	width: 30%;
	line-height: 120%;
	margin-top: 5px;
	padding-left: 3px;
	margin-bottom: 0px;
	float: left;
}



/* -----------------------------------
calender
----------------------------------- */
.cal-a{
	border: 2px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	background: #FFFFFF;
	margin-right: 10px;
	white-space: nowrap;
}
.cal-b{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: #FFFFFF;
	margin-right: 0px;
	font-size: 80%;
	line-height: 140%;
}
.cal-c{
	background: #FFFFFF;
	font-size: 80%;
	line-height: 140%;
	vertical-align: top;
	text-align: center;
}
.cal ul{
	padding: 0px;
	margin-left: 5px;
	margin-right: 10px;
}
.cal ul li{
	float: left;
	list-style-type: none;
	white-space: nowrap;
	margin-right: 4px;
	margin-bottom: 5px;
	text-align: right;
	display: block;
	width: 3em;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.cal-b hr{
	margin-top: 0px;
}

/* -----------------------------------
contents
----------------------------------- */
/*
#contents {
	float: right;
	width: 550px;
}
*/
#contents-b {
	float: right;
	width: 480px;
}
#contents-b-sub {
	float: right;
	width: 65%;
}
#contents-syozokupage {
	float: right;
	width: 550px;
}
.option {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
}