@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles
		1-3. Error styles
		1-4. Table styles
		1-5. Button styles
		1-6. Pager styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Breadcrumbs styles
		2-5. Main styles
		2-6. Side styles
		2-7. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. Font styles
-------------------------------------------------------------------*/
body {
	font-family: "メイリオ", Meiryo, sans-serif;
	color:#222;
	line-height: 1.7;
}

a:link, a:visited {
	color:#222;
	text-decoration: underline;
}
a:hover, a:active { color:#1D2087;}


.pageSecond #main a:link,
.pageSecond #main a:visited {
	color:#1D2087;
	text-decoration: underline;
}
.pageSecond #main a:hover,
.pageSecond #main a:active { color:#E50012;}


#pageTopic #main a:link,
#pageTopic #main a:visited,
#pageProposal #main a:link,
#pageProposal #main a:visited {
	color:#222;
	text-decoration: underline;
}
#pageTopic #main a:hover,
#pageTopic #main a:active,
#pageProposal #main a:hover,
#pageProposal #main a:active { color:#1D2087;}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/

.headline,
.topicContent h1  {
	margin-bottom: 20px;
	padding: 10px 0 0 25px;
	height: 43px;
	font-size: 131%;
	font-weight: bold;
	background: url(/img/common/bg_headline2.png) no-repeat 0 0;
}

.headline2,
.topicContent h2 {
	margin-bottom: 16px;
	padding: 7px 10px;
	font-size: 108%;
	font-weight: bold;
	background-color: #F0F0F0;
}

.headline3,
.topicContent h3 {
	margin-bottom: 6px;
	padding-bottom: 4px;
	font-weight: bold;
	background: url(/img/common/line_dot.gif) repeat-x 0 100%;
}

.topicContent h1 { margin-bottom: 20px !important; font-size: 123.1% !important;}

.topicContent h3 { font-size: 108%; margin-bottom: 10px;}

/* ------------------------------------------------------------------
	1-3. Error styles
-------------------------------------------------------------------*/
.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color:#FFD3C3;
}
.error li {
	padding-left:25px;
	background:#FFD3C3 url(/img/common/icon_error.gif) no-repeat 10px .35em;
	*background-position:10px .2em;
	color:#F00;
}
.error input,
.error textarea,
.error select { background-color: #FFD3C3; }


/* ------------------------------------------------------------------
	1-4. Table styles
-------------------------------------------------------------------*/

/* Sheet styles
-------------------------------------------------------------------*/
.sheet,
.sheet2,
.topicContent table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
.topicContent table { margin-bottom: 20px;}

.sheet caption,
.sheet2 caption,
.topicContent table caption {
	padding:8px 5px;
	border-top:2px solid #06C;
	border-bottom:none;
	font-weight:bold;
	text-align:left;
}
.sheet thead th,
.sheet2 thead th,
.topicContent table thead th {
	width:auto;
	padding:8px;
	background-color: #CCC;
	background-image:none;
	font-weight:bold;
	line-height:1;
	text-align:left;
}
.sheet th, .sheet td,
.sheet2 th, .sheet2 td,
.topicContent table th,
.topicContent table td{
	padding: 14px 13px 13px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.sheet2 th, .sheet2 td { border:1px solid #CCC;}

.sheet th,
.sheet2 th,
.topicContent table th {
	width:135px;
	padding-left: 15px;
	background:#EEE;
	text-align: center;
}
.sheet input[type="text"],
.sheet input[type="password"],
.sheet textarea {
	width:80%;
	padding:5px;
	background:#F7F7F7;
	font-size:100%;
	font-weight:normal;
}
.sheet input[type="text"]:focus,
textarea:focus { background-color:#FFF; }
.sheet .caution {
	display:block;
	color:#C00;
	font-size:11px;
}

.sheet th .must { color: #C00; font-weight: bold;}


/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
.button {
	display:inline-block;
	*display:inline;
	*zoom: 1;
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
	margin-bottom:20px;
	padding: 10px 13px;
	border-radius:5px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	behavior:url(/htc/PIE.php);
}
.button.black {
	border:1px solid #222;
	background:#333;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #555, #333);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #555, #333);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #555, #333);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #555, #333);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #555, #333);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #000;
	behavior:url(/htc/PIE.php);
}
.button.black:hover { background:#555; }
.button.blue {
	border:1px solid #145072;
	background:#2567AB;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4E89C5), color-stop(1, #2567AB));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #4E89C5, #2567AB);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #4E89C5, #2567AB);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #4E89C5, #2567AB);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #4E89C5, #2567AB);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #4E89C5, #2567AB);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #145072;
	behavior:url(/htc/PIE.php);
}
.button.blue:hover { background:#4E89C5; }
.button.yellow {
	border:1px solid #F7C942;
	background:#FADB4E;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FCEDA7), color-stop(1, #FADB4E));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FCEDA7, #FADB4E);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FCEDA7, #FADB4E);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FCEDA7, #FADB4E);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FCEDA7, #FADB4E);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FCEDA7, #FADB4E);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(/htc/PIE.php);
}
.button.yellow:hover { background:#FCEDA7; }
.button.gray {
	border:1px solid #CCC;
	background:#F5F5F5;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E6E6E6));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FFF, #E6E6E6);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FFF, #E6E6E6);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FFF, #E6E6E6);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FFF, #E6E6E6);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FFF, #E6E6E6);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(/htc/PIE.php);
}
.button.gray:hover { background:#FAFAFA; }


/* ------------------------------------------------------------------
	1-6. Pager styles
-------------------------------------------------------------------*/
.pager {
	padding:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	background: url(/img/common/line_dot.gif) repeat-x 0 0;
}
.pager li { display:inline; }
.pager li a {
	padding:5px 8px;
	border:1px solid #DDD;
	text-decoration:none !important;
}
.pager li a:hover {
	border:1px solid #DDD;
	padding:5px 8px;
	color: #333 !important;
	background: #E7E7E7;
}
.pager li strong {
	border:1px solid #DDD;
	padding:5px 8px;
	background: #222;
	color: #FFF;
	font-weight:bold;
}


/*==================================================================
	2. Layout setting
===================================================================*/

.li {
	padding-left: 8px;
	background:url(/img/common/icon_li.gif) no-repeat 0 0.6em;
}
.csv {
	padding:6px 0 6px 20px;
	background:url(/img/common/icon_csv.gif) no-repeat 0 0.5em;
}
.pdf {
	padding:6px 0 6px 20px;
	background:url(/img/common/icon_pdf.gif) no-repeat 0 0.5em;
}
.txt {
	padding:6px 0 6px 20px;
	background:url(/img/common/icon_txt.gif) no-repeat 0 0.5em;
}
.xls {
	padding:6px 0 6px 20px;
	background:url(/img/common/icon_xls.gif) no-repeat 0 0.5em;
}
.ppt {
	padding:6px 0 6px 20px;
	background:url(/img/common/icon_ppt.gif) no-repeat 0 0.5em;
}
.doc {
	padding:6px 0 6px 20px;
	background:url(/img/common/icon_doc.gif) no-repeat 0 0.5em;
}
.blank {
	padding-right:18px;
	background:url(/img/common/icon_blank.gif) no-repeat 100% 0;
}
.example {
	display:block;
	padding:0 0 0 15px;
	background:url(/img/common/icon_example.gif) no-repeat 0 .2em;
	color:#666;
	font-size:11px;
}


/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
body {
	background-color: #F5F5F5;
}

#primaryInner,
#headerInner,
#navi ol,
#contents,
#footerNavi ul,
#footerInner {
	margin: 0 auto;
	width: 960px;
}

#noScript { background-color: #FFF; padding: 30px 0;}
#noScript p {
	width:960px;
	margin: 0 auto;
	padding:20px;
	border:1px solid #FF8282;
	background:#FFE0E6;
	font-weight:bold;
	text-align:center;
}

.mb15 { margin-bottom: 15px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb50 { margin-bottom: 50px !important;}

.indent { text-indent: 1em;}

.gray { color: #666;}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/

#header { background-color: #FFF;}


/*	primary styles
-------------------------------------------------------------------*/

#primary {
	font-size: 77%;
	line-height: 1;
	background-color: #F5F5F5;
}
#primaryInner {
	position: relative;
	z-index: 10;
}

#catch {
	display: inline-block;
	float: left;
	padding: 6px 0 5px;
	*display: inline;
	*zoom: 1;
}


#primaryNavi {
	float: right;
	display: inline-block;
	border-left: 1px solid #FFF;
	text-align: right;
	*display: inline;
	*zoom: 1;
}
#primaryNavi .line { border-left: 1px solid #CCC;}

#primaryNavi a,
#primaryNavi span {
	display: block;
	padding: 6px 10px 5px;
	color: #333;
	text-decoration: none;
}
#primaryNavi>li a { border-right: 1px solid #FFF;}

#language a {
	padding-right: 20px;
	cursor: pointer;
	background: url(/img/common/icon_arrow_down.gif) no-repeat 90% 50%;
}

#primaryNavi>li {
	display: inline-block;
	border-right: 1px solid #CCC;
	*display: inline;
	*zoom: 1;
}
#primaryNavi>li a:hover,
#language:hover a { background-color: #E7E7E7;}

#language { font-size: 108%;}

#language ul {
	display: none;
	position: absolute;
	right: 0;
	width: 125px;
	overflow: hidden;
}

#language ul li {
	margin-top: -1px;
	_zoom: 1;
}

#language ul a {
	display: block;
	padding: 10px 0;
	text-align: center;
	background: url(/img/common/line_primary.gif) #E7E7E7 repeat-x 0 0;
}
#language ul a:hover { background-color: #F0F0F0 !important;}


/*	headerInner styles
-------------------------------------------------------------------*/

#headerInner {
	position: relative;
	height: 117px;
	z-index: 1;
}
#logo, #headerSocial, #fontChange { position: absolute;}

#logo { top: 12px;}

#fontChange {
	top: 67px;
	right: 290px;
	padding-left: 60px;
	width: 76px;
	background: url(/img/common/bg_fontchange.png) no-repeat 0 0;
}
#fontChange li {
	float: left;
	overflow: hidden;
	margin-left: 5px;
	width: 19px;
	height: 20px;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url(/img/common/fontsize.png);
	background-repeat: no-repeat;
}

.fontS { background-position: 0 0;}
.fontS:hover,
.f11 .fontS { background-position: 0 -20px;}

.fontM,
.fontM:hover { background-position: -19px -20px;}

.f11 .fontM,
.f15 .fontM { background-position: -19px 0;}

.fontL { background-position: -38px 0;}
.fontL:hover,
.f15 .fontL { background-position: -38px -20px;}

.f15 #primaryInner { font-size: 93%;}

#headerSocial, #footerSocial {
	top: 66px;
	right: 0;
}
#headerSocial .fb,
#footerSocial .fb,
#detailSocial .fb {
	float: left;
	width: 120px;
}
#headerSocial .twitter,
#footerSocial .twitter,
#detailSocial .twitter {
	float: left;
	width: 95px;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/

#navi {
	height: 47px;
	background: url(/img/common/bg_navi.png) repeat-x 0 0;
}

#navi li { float: left;}

#navi a {
	display: block;
	overflow: hidden;
	height: 47px;
	text-indent: -9999px;
	background-image: url(/img/common/navi.png);
	background-repeat: no-repeat;
}

#naviHome a {
	width: 97px;
	background-position: 0 0;
}
#pageHome #naviHome a,
#naviHome a:hover { background-position: 0 -47px;}

#naviTopic a {
	width: 117px;
	background-position: -97px 0;
}
#pageTopic #naviTopic a,
#naviTopic a:hover { background-position: -97px -47px;}

#naviAbout a {
	width: 182px;
	background-position: -214px 0;
}
#pageAbout #naviAbout a,
#naviAbout a:hover { background-position: -214px -47px;}

#naviProposal a {
	width: 171px;
	background-position: -396px 0;
}
#pageProposal #naviProposal a,
#naviProposal a:hover { background-position: -396px -47px;}

#naviAdmission a {
	width:142px;
	background-position: -567px 0;
}
#pageAdmission #naviAdmission a,
#naviAdmission a:hover { background-position: -567px -47px;}

#naviMember a {
	width: 113px;
	background-position: -709px 0;
}
#pageMember #naviMember a,
#naviMember a:hover { background-position: -709px -47px;}

#naviContact a {
	width: 138px;
	background-position: -822px 0;
}
#pageContact #naviContact a,
#naviContact a:hover { background-position: -822px -47px;
}

/* ------------------------------------------------------------------
	2-4. Breadcrumbs styles
-------------------------------------------------------------------*/

.breadcrumbs {
	padding: 7px 0;
	background-color: #222;
	line-height: 1;
}

.breadcrumbs ol {
	width:960px;
	margin:0 auto;
	color:#FFF;
	font-size: 77%;
	line-height:1;
}
.breadcrumbs li { display:inline; }
.breadcrumbs a:link,
.breadcrumbs a:visited {
	padding-right:10px;
	background:url(/img/common/icon_breadcrumbs.gif) no-repeat 100% 50%;
	color:#DDD;
	text-decoration:none;
}
.breadcrumbs a:hover,
.breadcrumbs a:active { color: #FFF;}


/* ------------------------------------------------------------------
	2-5. Main styles
-------------------------------------------------------------------*/

#contents {
	position: relative;
	margin-bottom: 50px;
	padding-top: 25px;
}

.pageSecond #contents { zoom:1; }
.pageSecond #contents:after {
	display:block;
	clear:both;
	content:"";
}
#pageEventDetail #main,
#pageEvent #main,
#pageContact #main,
#pageSitemap #main,
#pageGuideline #main,
#pageEvent #main,
#pagePrivacy #main{
	float:none;
	width:675px;
	margin:0 auto;
}

/*	home styles
-------------------------------------------------------------------*/

#pageHome #contents { padding-top: 10px;}

#pageHome #main { position: relative;}

#pageHome #main>h1 { margin-bottom: 13px;}

#pageHome #rss {
	position: absolute;
	top: 16px;
	right: 0;
}

#pickup article {
	overflow: hidden;
	padding: 20px 17px;
}

#pickup a { text-decoration: none;}
#pickup a:hover { text-decoration: underline;}

time {
	display: inline-block;
	padding: 6px 10px 5px;
	font-size: 85%;
	line-height: 1;
	background-color: #DDD;
	*display: inline;
	*zoom: 1;
}

#pickup time { margin-bottom: 18px;}

#mainTopic {
	float: left;
	margin-bottom: 10px;
	width: 473px;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
}
#mainTopic h1 {
	margin-bottom: 13px;
	font-size: 161.6%;
	font-weight: bold;
	line-height: 1.4;
}

#mainTopic p { margin-bottom: 15px;}

#subTopics {
	float: right;
	width: 475px;
}
#subTopics .sub {
	margin-bottom: 10px;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
	height:215px;
}

#subTopics .sub figure {
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
	width: 160px;
	height: 115px;
}
#subTopics .sub header { margin-bottom: 15px;}
#subTopics .sub .haveImg {
	float: right;
	width: 265px;
}
#subTopics .sub p { clear: both;}


/* フォントサイズ大の時の微調整 ================== */

.f11 #mainTopic { height: 518px;}
.f11 #subTopics .sub { height: 213px;}

/* フォントサイズ大の時の微調整 ================== */

/* フォントサイズ大の時の微調整 ================== */

.f15 #subTopics .sub figure,
.f15 #subTopics .sub header { margin-bottom: 10px;}
.f15 #subTopics .sub h1 { overflow: hidden; max-height: 84px;}

/* フォントサイズ大の時の微調整 ================== */

#subTopics .sub h1 {
	font-size: 116%;
	font-weight: bold;
}

.more { font-size: 77%;}
.more a { color: #1D1F86;}
.more a:hover { color: #E50012;}


#listTopics {
	float: left;
	width: 595px;
}

#listTopics .listInner {
	margin-bottom: 12px;
	padding: 17px;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
}

#listTopics dl {
	overflow-y: scroll;
	padding-right: 15px;
	height: 300px;
}

#listTopics dt,
.topicList dt { padding: 12px 0 7px;}

#listTopics dd a,
.topicList dd a {
	display: block;
	padding-left: 10px;
	background: url(/img/common/icon_li.gif) no-repeat 1px 0.6em;
}

#listTopics dd,
.topicList dd {
	padding-bottom: 12px;
	background: url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#listTopics dd.last,
.topicList dd.last { background: none; padding-bottom: 0;}


#movieBox {
	float: right;
	padding: 17px 15px 22px;
	width: 323px;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
}

#pageHome #bnrArea {
	overflow: hidden;
	margin-right: -11px;
	_zoom: 1;
}
#pageHome #bnrArea li {
	float: left;
	width: 292px;
	margin-right: 11px;
	_display: inline;
}

#socialLine { overflow: hidden;}

#socialLine .likebox {
	float: left;
	width: 292px;
	background-color: #FFF;
}
#socialLine .timeline {
	float: right;
	width: 292px;
}

.bigbanner {
	margin-bottom: 12px;
	padding: 13px 13px 8px;
	text-align: center;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
}


/*	page second styles
-------------------------------------------------------------------*/

.pageSecond #main {
	float: right;
	width: 675px;
}

.pageSecond #main>h1 { margin-bottom: 7px;}

.pageSecond #main #inner,
.pageSecond #documentBox  {		
	padding: 14px;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
}

.pageSecond #documentBox { font-size: 93%;}

.pageSecond #documentBox h3 { margin-bottom: 5px;}

.pageSecond #documentBox .leftBox {
	padding-right: 17px;
	width: 328px;
}
.pageSecond #documentBox .text {
	padding-left: 65px;
	background: url(/img/common/img_document.png) no-repeat 0 100%;
}

.pageSecond #documentBox .rightBox {
	padding-left: 17px;
	width: 283px;
	background: url(/img/common/line_dot_y.gif) repeat-y 0 0;
}

.pageSecond #termBox {
	overflow-y: scroll;
	margin-bottom: 5px;
	padding: 13px;
	height: 200px;
	border: 1px solid #CCC;
}
#termBox h4, #termBox p { font-size: 93%;}

.pageSecond .item {
	margin-bottom: 25px;
	padding: 0 10px;
}
.pageSecond .item p { margin-bottom: 13px;}

.pageSecond .item li { line-height: 1.4; margin-bottom: 7px;}

.caution {
	border: 3px solid #EEE;
	padding: 15px 20px;
	margin-bottom:20px;
}

/*	topic styles
-------------------------------------------------------------------*/

.topicList {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 3px;
}

.categoryName {
	display: inline-block;
	margin-left: 8px;
	padding: 6px 10px 5px;
	font-size: 85%;
	color: #FFF;
	line-height: 1;
	background-color: #1D2087;
	*display: inline;
	*zoom: 1;
}

#pageTopicDetail #main #inner {
	padding: 30px 17px 20px;
}

#pageTopicDetail #inner h1,
#p-admin #pageTopicDetail h1 {
	margin-bottom: 5px;
	font-size: 167%;
	font-weight: bold;
	line-height: 1.4;
}

#detailSocial {
	float: right;
	margin-bottom: 15px;
}

#pageTopicDetail #main header,
#p-admin #pageTopicDetail header {
	margin-bottom: 30px;
	border-bottom: 4px solid #E7E7E7;
}

.topicContent p {
	padding: 0 5px;
	margin-bottom: 20px;
}

.topicContent ul{
	padding-left:2em;
	list-style:disc;
	margin-bottom: 20px;
}
.topicContent ol{
	padding-left:2.4em;
	list-style:decimal;
	margin-bottom: 20px;
}
.topicContent ul.none {
	list-style: none !important;
	padding-left: 1em;
}

.topicContent img { max-width: 100%;}

/*	member styles
-------------------------------------------------------------------*/

.list li {
	padding-left: 8px;
	font-size: 86%;
	background:url(/img/common/icon_li.gif) no-repeat 0 0.6em;
}

.list { width: 50%;}

/* ------------------------------------------------------------------
	2-6. Side styles
-------------------------------------------------------------------*/


.pageSecond #side {
	float: left;
	width: 265px;
	font-size: 108%;
}

.pageSecond #side .section {
	margin-bottom: 10px;
	padding: 6px;
	border: 1px solid #C9C9C9;
	background-color: #FFF;
}

.pageSecond #side h1 { margin-bottom: 5px;}

.pageSecond #bnrArea { padding-top: 5px;}
.pageSecond #bnrArea li { margin-bottom: 3px;}

.pageSecond #subNavi h1 {
	margin-bottom: 0;
	height: 45px;
}

.pageSecond #side nav>ul>li {
	padding: 3px 0;
	border-bottom: 1px solid #CCC;
}

.pageSecond #side nav>ul>li>a {
	display: block;
	padding: 9px 7px 8px 15px;
	text-decoration: none;
	background: url(/img/common/icon_li.gif) no-repeat 6px 50%;
}
.pageSecond #side nav>ul>li>a:hover {
	color: #333;
	text-decoration: none;
	background-color: #F0F0F0;
}

.pageSecond #side nav>ul>li.on>a {
	font-weight: bold;
	background-color: #F0F0F0;
}

/*	topic styles
-------------------------------------------------------------------*/

#side #category,
#side #archive { padding: 14px 11px 15px;}

#side #category>ul { border-top: 1px solid #CCC;}
#side #category>ul>li {
	padding: 2px 0;
	border-bottom: 1px solid #CCC;
}
#side #category>ul>li>a {
	display: block;
	padding: 5px 7px 5px 15px;
	text-decoration: none;
	background: url(/img/common/icon_li.gif) no-repeat 6px 50%;
}
#side #category>ul>li>a:hover {
	color: #333;
	background-color: #F0F0F0;
}

#category.proposal { padding: 6px !important;}

#side .subCategory {
	margin: 2px 0 5px 1em;
	padding-top: 7px;
	background: url(/img/common/line_dot.gif) repeat-x 0 0;
}

#side .subCategory li a {
	display: block;
	padding-left: 15px;
	font-size: 93%;
	text-decoration: none;
	background: url(/img/common/icon_li.gif) no-repeat 6px 0.5em;
}
#side .subCategory li a:hover {
	color: #333;
	text-decoration: underline;
}


#side .archiveSelect {
	width: 190px;
}
#side .archiveSelect a,
#side .archiveSelect span {
	display: block;
	text-decoration: none;
}

#side .archiveSelect a:hover,
#side .archiveSelect .select:hover {
	color: #333;
	background-color: #F0F0F0;
}

#side .archiveSelect .select {
	padding-left: 5px;
	height: 28px;
	line-height: 28px;
	cursor: pointer;
	border-top: 1px solid #909090;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #909090;
	background: url(/img/common/pulldown_arrow.png) no-repeat 100% 0;
}

.pulldown {
	display: none;
	overflow-y: scroll;
	height: 150px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #909090;
}
.pulldown ul { overflow: hidden;}
.pulldown li {
	background: url(/img/common/line_dot.gif) repeat-x 0 0;
	margin-top: -1px;
	_zoom: 1;
}
.pulldown a { padding: 5px 0 5px 5px;}


#side #latestTopics li { padding: 13px 10px;}
#side #latestTopics li.odd { background-color: #F0F0F0;}

#side #latestTopics time {
	margin-bottom: 10px;
	padding: 0;
	background-color: transparent;
}
#side #latestTopics p { font-size: 93%; line-height: 1.5;}

#side #latestTopics .leftBox { width: 140px;}
#side #latestTopics .rightBox { width: 85px;}


/*	donation styles
-------------------------------------------------------------------*/

.formatArea { display: none;}

.formatBody {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #FAFAFA;
	border: 1px solid #DDD;
	width: 95%;
	height: 15em;
	overflow-y: scroll;
	line-height: 1.4;
	letter-spacing:1px;
}


/* ------------------------------------------------------------------
	2-7 Footer styles
-------------------------------------------------------------------*/

/*	PageTop styles
-------------------------------------------------------------------*/
#pageTop {
	display: none;
	position: fixed;
	bottom: 48px;
	right: 50%;
	margin-right: -590px;
	_zoom: 1;
}

/*	Footer styles
-------------------------------------------------------------------*/

#footer {
	border-top: 2px solid #222;
	background-color: #FFF;
	font-size: 77%;
}

#footerNavi { border-bottom: 1px solid #222;}

#footerNavi li {
	display: inline-block;
	padding: 5px 10px;
	background: url(/img/common/icon_li.gif) no-repeat 1px 50%;
	*display: inline;
	*zoom: 1;
}

.f11 #footerNavi li{ background-position: 1px 43% !important;}
.f15 #footerNavi li{ background-position: 1px 47% !important;}

#footerNavi a { text-decoration: none;}
#footerNavi a:hover { text-decoration: underline;}

#footerInner {
	position: relative;
	padding: 20px 0;
}

#footerInner a { color: #777;}
#footerInner a:hover { color: #222;}

#footerLogo {
	float: left;
	margin-right: 25px;
	width: 120px;
}

div.devSwitch {
	display:inline-block;
	width:10%;
	float:right;
}
div.devSwitch ul li {
	float: left;
	width: 49%;
	height:49%;
	padding: 0 0.25%;
}
div.devSwitch ul li a {
	background:#444;
	display:block;
	padding:3px;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
	font-size:120%;
}
div.devSwitch ul li:first-child{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
}

@media only screen and (max-width:480px) {
div.devSwitch {
	display:inline-block;
	width:100%;
}
div.devSwitch ul li {
	float: left;
	width: 49%;
	padding: 0 0.25%;
	background:#444;
}
div.devSwitch ul li a {
	display:block;
	padding:3px;
	color:#fff !important;
	text-decoration:none;
	text-align:center;
	font-size:120%;
}
div.devSwitch ul li:last-child{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
}
address {
	display: inline-block;
	float: left;
	line-height: 1.1;
	*display: inline;
	*zoom: 1;
}
#footerSocial {
	float: right;
}

#copyright {
	display: block;
	padding: 10px 0;
	text-align: center;
	line-height: 1;
	background-color: #222;
}

#footerSocial .twitter { overflow: hidden;}
#footerSocial .twitter iframe {
	width: 110px !important;
}


/* ------------------------------------------------------------------
	2-8 404 styles
-------------------------------------------------------------------*/

#pageError #main {
	width:840px;
	margin:0 auto;
	float:none;
}
#pageError #main #inner {
    padding: 100px 0;
	text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #C9C9C9;
}
#pageError #hTitle {
	width: 680px;
	height: 27px;
	margin: 0 auto 4px;
}
#pageError #main .inner {
	position: relative;
	padding: 15px;
	margin-bottom: 50px;
	border: 1px solid #DDD;
	background: #FFF;
}

/* ------------------------------------------------------------------
	Responsive Setting
-------------------------------------------------------------------*/

#smartNavi,
#smartNaviBtn,
#smartRss,
#smartCopyright { display: none;}

#pageTopicDetail .topicContent td p { margin-bottom: 0;}

@media only screen and (max-width:480px) {
	#hTopics { background-image: url(/img/smart/common/h_lastesttopics.png);}
	
	#pageTopic #main>h1 { background-image: url(/img/smart/common/h_topicslist.png);}
	#pageTopicDetail #main>h1 { background-image: url(/img/smart/common/h_topics.png);}
	
	#pageAbout #main>h1,
	#pageAccess #main>h1 { background-image: url(/img/smart/common/h_about.png);}
	#pageProposal #main>h1 { background-image: url(/img/smart/common/h_proposal.png);}
	#pageAdmission #main>h1 { background-image: url(/img/smart/common/h_admission.png);}
	#pageMember #main>h1 { background-image: url(/img/smart/common/h_member.png);}
	#pageContact #main>h1 { background-image: url(/img/smart/common/h_contact.png);}
	
	#pageEvent #main>h1,
	#pageEventDetail #main>h1 { background-image: url(/img/smart/common/h_event.png);}
	
	#pagePrivacy #main>h1 { background-image: url(/img/smart/common/h_policy.png);}
	#pageGuideline #main>h1 { background-image: url(/img/smart/common/h_guideline.png);}
	#pageSitemap #main>h1 { background-image: url(/img/smart/common/h_sitemap.png);}
	
	.pageDisaster #main>h1 { background-image: url(/img/smart/common/h_research_disaster.png);}
	#pageMedicine #main>h1 { background-image: url(/img/smart/common/h_medicine.png);}
}