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

body {
	margin: 0;
	padding: 0;
	/*background-color: #666;*/
	text-align: center;
	font-size: 100.01%;
	background:url(/official/images/back.gif);
}

a {
	text-decoration: none;
}

body, h1, h2, h3, h4, h5 p, li, td, input .inner {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

}

img {
	border: 0;
}

form,
input,
select {
	margin: 0;
	padding: 0;
}

.leftbox {
	float: left;
}

.rightbox {
	float: right;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

a {
	color: #009;
}

a:hover {
	color: #C03;
}

.note {
	color:#333;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #000;
}

strong {
	font-weight:bold;
	font-style: normal;
	color: #900;
}


.to-top{
	text-align: right;
	margin: 5px 0 ;
	font-size: 11px;
}

.to-top a {
	color:#FFF;
}

.to-top a:hover {
	color: #F99;
}

.to-next{
	text-align: right;
	font-size: 11px;
}

.text-right{
	text-align: right;
}

.clearboth {
	clear:both;
}

/*layout
***********************************************************/
#base {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	text-align:center;
	background-color:#1941DC;
}


#container {
	margin: 0;
	padding: 0;
	text-align: left;
}

/*header
***********************************************************/

#header {
	margin:0;
	padding: 8px 15px;
	background:url(/official/images/head_base.jpg) no-repeat;
}

#header .leftbox {
	width: 400px
}

#header .leftbox img {
	display: block;
}

#header .rightbox {
	width: 250px;
	text-align: right;
}

#header .rightbox img {
	display: inline;
	padding-right: 5px;
	vertical-align: middle;
}

#header .rightbox a {
	color:#FFF;
}

#header .rightbox a:hover {
	color: #F99;
}


h1 {
	margin: 0;
	padding: 0;
	text-align:left;
}

/*headmenu*/
#header #headmenu {
	padding-top: 14px;
	font-size: 10px;
	text-align: right;
}

/*search-win*/
#header #search-win {
	padding: 0 0 3px 0;
	font-size: 12px;
	color:#000;
	text-align: right;
}

#header #search-win #searchtxt {
	margin: 0;
	padding: 0;
	border: 1px solid #666;
	background-color: #f7f7f7;
	line-height: 16px;
	width: 150px;
	height: 20px;
	vertical-align: top;
}


/*menu-col
***********************************************************/

#menu-col {
	width: 160px;
	float: left;
}

/*menu-box*/
#menu-col .menu-box {
	margin-left: 15px;
	margin-bottom: 20px;
}

#menu-col .menu-box .cate#top {
	background:url(/official/images/menu_top.gif) no-repeat;
}

#menu-col .menu-box .cate#summary {
	background:url(/official/images/menu_summary.gif) no-repeat;
}

#menu-col .menu-box .cate#greeting {
	background:url(/official/images/menu_greeting.gif) no-repeat;
}


#menu-col .menu-box .cate#history {
	background:url(/official/images/menu_history.gif) no-repeat;
}


#menu-col .menu-box .cate#winner {
	background:url(/official/images/menu_winner.gif) no-repeat;
}

#menu-col .menu-box .cate#record {
	background:url(/official/images/menu_record.gif) no-repeat;
}

#menu-col .menu-box .cate#photo {
	background:url(/official/images/menu_photo.gif) no-repeat;
}

#menu-col .menu-box .cate#report {
	background:url(/official/images/menu_report.gif) no-repeat;
}

body.hpo-1 #menu-col .sub-menu li#hpo-1,
body.hpo-2 #menu-col .sub-menu li#hpo-2,
body.hpo-3 #menu-col .sub-menu li#hpo-3,
body.hpo-4 #menu-col .sub-menu li#hpo-4,
body.hpo-5 #menu-col .sub-menu li#hpo-5,
body.hpo-6 #menu-col .sub-menu li#hpo-6,
body.hpo-7 #menu-col .sub-menu li#hpo-7,
body.hpo-8 #menu-col .sub-menu li#hpo-8,
body.hpo-9 #menu-col .sub-menu li#hpo-9,
body.hpo-10 #menu-col .sub-menu li#hpo-10,
body.hpo-11 #menu-col .sub-menu li#hpo-11,
body.hpo-12 #menu-col .sub-menu li#hpo-12,
body.hpo-13 #menu-col .sub-menu li#hpo-13,
body.hpo-14 #menu-col .sub-menu li#hpo-14,
body.hpo-15 #menu-col .sub-menu li#hpo-15,
body.hpo-16 #menu-col .sub-menu li#hpo-16,
body.hpo-17 #menu-col .sub-menu li#hpo-17,
body.hpo-18 #menu-col .sub-menu li#hpo-18,
body.hpo-19 #menu-col .sub-menu li#hpo-19,
body.hpo-20 #menu-col .sub-menu li#hpo-20,
body.hpo-21 #menu-col .sub-menu li#hpo-21,
body.hpo-22 #menu-col .sub-menu li#hpo-22,
body.hpo-23 #menu-col .sub-menu li#hpo-23,
body.hpo-24 #menu-col .sub-menu li#hpo-24,
body.hpo-25 #menu-col .sub-menu li#hpo-25,
body.hpo-26 #menu-col .sub-menu li#hpo-26,
body.hpo-27 #menu-col .sub-menu li#hpo-27,
body.hpo-28 #menu-col .sub-menu li#hpo-28,
body.hpo-29 #menu-col .sub-menu li#hpo-29,
body.hpo-30 #menu-col .sub-menu li#hpo-30,
body.hpo-31 #menu-col .sub-menu li#hpo-31,
body.hpo-32 #menu-col .sub-menu li#hpo-32,
body.hpo-33 #menu-col .sub-menu li#hpo-33 {
	background:url(/official/images/menu_icon_s02.gif) no-repeat 0 0.5em;
}

body.hpo-1 #menu-col .sub-menu li#hpo-1 a,
body.hpo-2 #menu-col .sub-menu li#hpo-2 a,
body.hpo-3 #menu-col .sub-menu li#hpo-3 a,
body.hpo-4 #menu-col .sub-menu li#hpo-4 a,
body.hpo-5 #menu-col .sub-menu li#hpo-5 a,
body.hpo-6 #menu-col .sub-menu li#hpo-6 a,
body.hpo-7 #menu-col .sub-menu li#hpo-7 a,
body.hpo-8 #menu-col .sub-menu li#hpo-8 a,
body.hpo-9 #menu-col .sub-menu li#hpo-9 a,
body.hpo-10 #menu-col .sub-menu li#hpo-10 a,
body.hpo-11 #menu-col .sub-menu li#hpo-11 a,
body.hpo-12 #menu-col .sub-menu li#hpo-12 a,
body.hpo-13 #menu-col .sub-menu li#hpo-13 a,
body.hpo-14 #menu-col .sub-menu li#hpo-14 a,
body.hpo-15 #menu-col .sub-menu li#hpo-15 a,
body.hpo-16 #menu-col .sub-menu li#hpo-16 a,
body.hpo-17 #menu-col .sub-menu li#hpo-17 a,
body.hpo-18 #menu-col .sub-menu li#hpo-18 a,
body.hpo-19 #menu-col .sub-menu li#hpo-19 a,
body.hpo-20 #menu-col .sub-menu li#hpo-20 a,
body.hpo-21 #menu-col .sub-menu li#hpo-21 a,
body.hpo-22 #menu-col .sub-menu li#hpo-22 a,
body.hpo-23 #menu-col .sub-menu li#hpo-23 a,
body.hpo-24 #menu-col .sub-menu li#hpo-24 a,
body.hpo-25 #menu-col .sub-menu li#hpo-25 a,
body.hpo-26 #menu-col .sub-menu li#hpo-26 a,
body.hpo-27 #menu-col .sub-menu li#hpo-27 a,
body.hpo-28 #menu-col .sub-menu li#hpo-28 a,
body.hpo-29 #menu-col .sub-menu li#hpo-29 a,
body.hpo-30 #menu-col .sub-menu li#hpo-30 a,
body.hpo-31 #menu-col .sub-menu li#hpo-31 a,
body.hpo-32 #menu-col .sub-menu li#hpo-32 a,
body.hpo-33 #menu-col .sub-menu li#hpo-33 a {
	color: #FD5E3E;
}

/*button-box*/
#menu-col .button-box {
	margin-left: 15px;
	margin-bottom: 20px;
}

/*sub-menu*/
#menu-col .sub-menu {
	display: none;
}

#menu-col .sub-menu ul {
	margin: 0;
	padding: 5px 0 0 10px;
}

#menu-col .sub-menu li {
	margin: 0;
	padding: 0 0 2px 10px;
	font-size: 12px;
	line-height: 1.3;
	list-style: none;
	background:url(/official/images/menu_icon_s01.gif) no-repeat 0 0.5em;
}

#menu-col .sub-menu li a {
	color: #FFF;
}

#menu-col .sub-menu li a:hover {
	color: #F99;
}

/*footer
***********************************************************/

#footer {
	margin: 0;
	padding: 2px 10px;
	font-size: 10px;
	line-height:100%;
	color:#ccc;
	background-color:#092D98;
	text-align: center;
}

/*main-col
***********************************************************/
#main-col {
	width: 540px;
	float: right;
}

/*contents
***********************************************************/
#contents {
	width: 525px;
}

#contents p, 
#contents li, 
#contents td,
#contents .contents-unit {
	font-size: 12px;
	color:#333;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.5;
}
/*
#contents .title-base {
	background:url(/official/images/title_base.gif) no-repeat;
}
*/
#contents h2 {
	font-size:15px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	padding-top: 1px;
	padding-left: 23px;
	margin-top: 5px;
	margin-bottom: 0;
	background:url(/official/images/flag.gif) no-repeat 8px 0;
}

#contents h3 {
	font-size:13px;
	border-left: 4px solid #FF3300;
	padding-top: 3px;
	padding-left: 5px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#000;
	font-weight: bold;

}


#contents h3.notop {
	margin-top: 25px;
}

#contents h4, 
#contents h5 {
	font-size: 12px;
	line-height: 1.6;
}

#contents p.small {
	font-size:11px;
}

#contents .imagebox {
	margin-bottom: 15px;
}

#contents #pagetitle {
	margin-bottom: 5px;
}

/*contents-unit
***********************************************************/
#contents .contents-unit {
	background-color:#fff;
	margin-bottom: 15px;
}

#contents .contents-unit .unit-t, 
#contents .contents-unit .unit-b {
	height: 5px;
	font-size: 1px;/*Win IE*/
	line-height: 1%;/*Win IE*/
}

#contents .contents-unit .unit-t {
	background:url(/official/images/top_cont_base_t.gif) no-repeat;
}

#contents .contents-unit .unit-b {
	background:url(/official/images/top_cont_base_b.gif) no-repeat;
}

#contents .contents-unit .inner {
	margin: 0 30px 5px;
}

/*Win IE ¥*/
* html #contents .contents-unit .inner {
	height: 1%;
}
/* */

#contents .contents-unit .inner#setheight {
	height: 500px;
}

/*pdf*/
#contents .contents-unit p.pdffile {
	margin: 0 0 10px 0;
	padding: 0 0 0 22px;
	background:url(/official/images/pdf-icon.gif) no-repeat;
}



/*entry-arc
***********************************************************/
#contents.entry-arc h2{
	float:left;
	width: 260px;
}

#contents.entry-arc .to-next{
	float: right;
	width: 180px;
	line-height: 16px;
	padding-top: 1px;
	margin-top: 5px;
	padding-right: 5px;
}

#contents.entry-arc .to-next a {
	color:#FFF;
}

#contents.entry-arc .to-next a:hover {
	color: #F99;
}

#contents.entry-arc h3 .entry-data {
	font-size:11px;
	line-height: 1.4;
	font-weight: normal;
	color:#333;
}

#contents.entry-arc .contents-unit li {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

#contents .contents-unit blockquote {
	margin:0;
	padding: 10px 15px 0;
	border: 1px solid #ccc;
	background-color:#f7f7f7;
}

/*entry-list
***********************************************************/

#contents.entry-list h3 {
	float:left;
	width: 260px;
}

#contents.entry-list .down-menu {
	padding-top: 10px;
	float: right;
	width: 180px;
	text-align: right;
}

#contents.entry-list .contents-unit ul{
	margin: 0;
	padding: 0;
}

#contents.entry-list .contents-unit li {
	margin: 0;
	padding: 0 0 5px;
	line-height: 1.4;
	list-style: none;
}

#contents.entry-list .contents-unit li .entry-data {
	font-size: 95%;
}

/*contents relate
***********************************************************/

#contents .relate {
	background-color:#F3F3F3;
	padding: 3px 10px 0;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#contents .relate h4 {
	font-weight: normal;
	color:#000;
	font-size: 12px;
	margin: 0 0 3px 0;
	padding:0;
}

#contents .relate ul{
	margin: 0 0 0 10px;
	padding: 0;
}

#contents .relate li {
	margin: 0;
	padding: 0 0 3px 0;
	line-height: 1.3;
	list-style: none;
}

#contents .relate p {
	color:#666;
	margin: 0 0 3px;
	line-height: 1.3;
}


