@charset "utf-8";
/*
Theme Name:oto
Theme URI:http://oto3.info/
Description:design by oto.
Author:oto
*/




.clear {
	clear: both;
}


p img {
	padding: 0;
	max-width: 100%;
	}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}


a img {
	border: none;
	}


/* End Various Tags & Classes*/


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}





/*pager*/
.tablenav{text-align:center; font-size:108%}
.tablenav a{color:#000000; text-decoration:underline; background-color:transparent}
.tablenav a:hover{text-decoration:none}
.page-numbers{padding:0 2px}
.current{font-weight:bold; color:#035A30}


body{font-size:80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; margin:0; padding:20px 0 0 0; background:transparent url('./image/colorful_line.gif') repeat-x}
h1,h2,h3,h4{margin:0; padding:0}
ul,li{margin:0; padding:0; list-style:none}
a{color:#FFF; background-color:#FF3366; text-decoration:none}
a:hover{color:#000; background-color:#FFFF00}


/*header*/
#header{width:860px; overflow:hidden; text-align:left; padding:30px 0 50px 0; margin:0 auto}
#header-left{float:left; width:390px}
#header-right{float:right; width:470px}

/*footer*/
#footer{width:860px; border-top:3px solid #4F88C1; margin:50px auto 0 auto; padding:10px 0; text-align:left; color:#4F88C1}

/*breadcrumb*/
#breadcrumb{width:860px; margin:0 auto 15px auto; text-align:left}
#breadcrumb a{background-color:transparent; color:#000; text-decoration:underline}
#breadcrumb a:hover{background-color:#FF3366; text-decoration:none; color:#FFF}

/*main*/
#main{width:860px; background:transparent url('./image/menu_line.gif') repeat-y 85px 0; margin:0 auto}
#main-inner{width:860px; overflow:hidden; background:transparent url('./image/menu_line_bottom.gif') no-repeat 85px 100%; padding-bottom:10px}
#sidebar{float:left; width:210px; text-align:left}
#content{float:right; width:650px}
#content-left{float:left; width:460px; text-align:left}
#content-left-inner{width:430px}
#content-right{float:right; width:190px}



/*sideber*/
#sidebar{background:transparent url('./image/menu_line_top.gif') no-repeat 85px 0; padding-top:10px}
#menu-top a{display:block; width:180px; height:38px; background:transparent url('./image/menu_top.gif') no-repeat 0 0}
#menu-top a:hover{background:transparent url('./image/menu_top.gif') no-repeat 0 -38px}
#menu-about a{display:block; width:180px; height:38px; background:transparent url('./image/menu_about.gif') no-repeat 0 0; margin-top:15px}
#menu-about a:hover{background:transparent url('./image/menu_about.gif') no-repeat 0 -38px}
#menu-event a{display:block; width:180px; height:38px; background:transparent url('./image/menu_event.gif') no-repeat 0 0; margin-top:15px}
#menu-event a:hover{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
#menu-map a{display:block; width:180px; height:38px; background:transparent url('./image/menu_map.gif') no-repeat 0 0; margin-top:15px}
#menu-map a:hover{background:transparent url('./image/menu_map.gif') no-repeat 0 -38px}
#menu-news a{display:block; width:180px; height:38px; background:transparent url('./image/menu_news.gif') no-repeat 0 0; margin-top:15px}
#menu-news a:hover{background:transparent url('./image/menu_news.gif') no-repeat 0 -38px}
#menu-link a{display:block; width:180px; height:38px; background:transparent url('./image/menu_link.gif') no-repeat 0 0; margin-top:15px}
#menu-link a:hover{background:transparent url('./image/menu_link.gif') no-repeat 0 -38px}
#menu-inquiry a{display:block; width:180px; height:38px; background:transparent url('./image/menu_inquiry.gif') no-repeat 0 0; margin-top:15px}
#menu-inquiry a:hover{background:transparent url('./image/menu_inquiry.gif') no-repeat 0 -38px}
#menu-blog a{display:block; width:180px; height:38px; background:transparent url('./image/menu_blog.gif') no-repeat 0 0; margin-top:30px}
#menu-blog a:hover{background:transparent url('./image/menu_blog.gif') no-repeat 0 -38px}

.category-about #menu-about a{background:transparent url('./image/menu_about.gif') no-repeat 0 -38px}
.category-who #menu-about a{background:transparent url('./image/menu_about.gif') no-repeat 0 -38px}
.category-event #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.sidebar-event #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.category-1023 #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.category-1024 #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.category-1025 #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.category-1216 #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.category-cooperation #menu-event a{background:transparent url('./image/menu_event.gif') no-repeat 0 -38px}
.page-id-2 #menu-map a{background:transparent url('./image/menu_map.gif') no-repeat 0 -38px}
.category-news #menu-news a{background:transparent url('./image/menu_news.gif') no-repeat 0 -38px}
.sidebar-news #menu-news a{background:transparent url('./image/menu_news.gif') no-repeat 0 -38px}
.page-id-27 #menu-link a{background:transparent url('./image/menu_link.gif') no-repeat 0 -38px}
.page-id-29 #menu-inquiry a{background:transparent url('./image/menu_inquiry.gif') no-repeat 0 -38px}
.home #menu-top a{background-position:0 -38px}
.home .sidebar-news #menu-news a{background-position:0 0}
.home .sidebar-news #menu-news a:hover{background-position:0 -38px}
.home .sidebar-event #menu-event a{background-position:0 0}
.home .sidebar-event #menu-event a:hover{background-position:0 -38px}



/*home*/
.home #content{overflow:hidden}
.home #content-right{text-align:left}
.home #content-right ul{margin-top:10px}
.home #content-right a{color:#000; text-decoration:underline; background-color:transparent}
.home #content-right a:hover{color:#FFF; background-color:#FF3366}
.home #content-right li{padding-bottom:3px}
.home #content-right p{font-size:82%; padding-bottom:3px}
.right-shusai{background-color:#F0F0F0; padding:10px 10px 0 10px; margin-bottom:20px}
.right-sponsor{text-align:center}

.home #content-right .right-sponsor li{padding-bottom:15px}
.home #outline{margin:10px 0 30px 0; background:transparent url('./image/top_content_middle.gif') repeat-y; text-align:center; font-size:108%}
.home #outline-inner{background:transparent url('./image/top_content_top.gif') no-repeat; padding-top:2px}
.home #outline ul{padding-bottom:10px; background:transparent url('./image/top_content_bottom.gif') no-repeat 0 100%}
.home #outline li{margin:8px auto 0 auto; width:410px; text-align:left; line-height:1.4}
.home #outline li span{font-size:108%; font-weight:bold}
.home #news{margin:10px 0 30px 0; background:transparent url('./image/top_content_middle.gif') repeat-y; text-align:center}
.home #news-inner{background:transparent url('./image/top_content_top.gif') no-repeat; padding-top:6px}
.home #news ul{padding-bottom:10px; background:transparent url('./image/top_content_bottom.gif') no-repeat 0 100%}
.home #news li{margin:4px auto 0 auto; width:410px; text-align:left; line-height:1.4}
.home #news p{margin:0; font-size:108%}
.home #schedule{margin:15px 0 30px 0}
.home #schedule ul{overflow:hidden}
.home #schedule li{float:left}
.home #menu-1023{width:113px}
.home #menu-1023 a{display:block; width:90px; height:80px; background:transparent url('./image/1023.gif') no-repeat 0 0}
.home #menu-1023 a:hover{background:transparent url('./image/1023.gif') no-repeat 0 -80px}
.home #menu-1024{width:114px}
.home #menu-1024 a{display:block; width:90px; height:80px; background:transparent url('./image/1024.gif') no-repeat 0 0}
.home #menu-1024 a:hover{background:transparent url('./image/1024.gif') no-repeat 0 -80px}
.home #menu-1025{width:113px}
.home #menu-1025 a{display:block; width:90px; height:80px; background:transparent url('./image/1025.gif') no-repeat 0 0}
.home #menu-1025 a:hover{background:transparent url('./image/1025.gif') no-repeat 0 -80px}
.home #menu-1216{width:90px}
.home #menu-1216 a{display:block; width:90px; height:80px; background:transparent url('./image/1216.gif') no-repeat 0 0}
.home #menu-1216 a:hover{background:transparent url('./image/1216.gif') no-repeat 0 -80px}

.home #event-list td{padding-top:10px}
.home #event{margin:10px 0 0 0; background:transparent url('./image/top_content_middle.gif') repeat-y; text-align:center}
.home #event-inner{background:transparent url('./image/top_content_top.gif') no-repeat; padding-top:6px}
.home #event-inner-inner{padding-bottom:10px; background:transparent url('./image/top_content_bottom.gif') no-repeat 0 100%}
.home #event table{width:410px; text-align:left; margin:0 auto}
.home #event td{padding-top:10px}
.home #event a{color:#000; text-decoration:underline; background-color:transparent}
.home #event a:hover{color:#FFF; text-decoration:none; background-color:#FF3366}
.home #event P{width:130px; margin:0}

.home #pv{text-align:center; margin-bottom:30px}
.home #promotion{margin-bottom:30px}
.home #promotion p{margin-top:5px}
.home .promotion-title{color:#FF3366; font-weight:bold}

.home #who{margin-top:15px}
.home #who ul{overflow:hidden}
.home #who li{float:left}
#menu-who1{width:205px}
#menu-who1 a{display:block; width:196px; height:120px; background:transparent url('./image/top_who1.gif') no-repeat 0 0}
#menu-who1 a:hover{background:transparent url('./image/top_who1.gif') no-repeat 0 -120px}
#menu-who2{width:225px}
#menu-who2 a{display:block; width:225px; height:80px; background:transparent url('./image/top_who2.gif') no-repeat 0 0}
#menu-who2 a:hover{background:transparent url('./image/top_who2.gif') no-repeat 0 -80px}




/*archive*/
.archive #header{padding-bottom:30px}
.archive #content{text-align:left}
#pagetitle{text-align:left}
#pagetitle h2{background:transparent url('./image/shasen.gif'); padding:6px 10px}

.entry{background:transparent url('./image/entry_middle.gif') repeat-y}
.entry-inner{background:transparent url('./image/entry_bottom.gif') no-repeat 0 100%; text-align:center; padding-bottom:20px}
.entry-title{background:transparent url('./image/entry_top.gif') no-repeat; text-align:left}
.entry-main{width:610px; margin:0 auto 0 auto; text-align:left; line-height:1.4; font-size:108%; overflow:hidden}
.entry-main p{margin:15px 0 0 0; line-height:1.6}
.entry-date{margin:20px 0 3px 0; text-align:left}
.entry-title h3{color:#FF3366; padding:20px 20px 0 20px; font-size:138.5%}

.entry-main span{color:#FF3366}

/*single*/
.single #header{padding-bottom:30px}
.single #content{text-align:left}
.single .entry-title h3{color:#FF3366}

/*about & who*/
.category-about .entry{margin-top:20px}

/*event*/
.entry-event{margin-top:10px}
.entry-event-date{color:#000; margin-top:20px; font-size:131%}
.entry-event-date span{font-size:85%; font-weight:bold}

/*
.category-event #content ul{width:155px}
.category-event #content li{margin-top:20px}
.category-event table{margin-top:20px}
.category-event table a{color:#000; text-decoration:underline; background-color:transparent; font-size:108%}
.category-event table a:hover{background-color:#FF3366; color:#FFF}
.category-event table span{display:block; margin-bottom:5px; color:#666}
.category-event table li{border-left:6px solid #FF3366; padding:4px 2px 4px 6px; background-color:#EEE}
*/

#event-menu{overflow:hidden; margin-top:20px; text-align:left}
#event-menu li{float:left; padding-right:20px}

.category #menu-1023 a{display:block; width:90px; height:80px; background:transparent url('./image/1023.gif') no-repeat 0 0}
.category #menu-1023 a:hover{background:transparent url('./image/1023.gif') no-repeat 0 -80px}
.category #menu-1024 a{display:block; width:90px; height:80px; background:transparent url('./image/1024.gif') no-repeat 0 0}
.category #menu-1024 a:hover{background:transparent url('./image/1024.gif') no-repeat 0 -80px}
.category #menu-1025 a{display:block; width:90px; height:80px; background:transparent url('./image/1025.gif') no-repeat 0 0}
.category #menu-1025 a:hover{background:transparent url('./image/1025.gif') no-repeat 0 -80px}
.category #menu-1216 a{display:block; width:90px; height:80px; background:transparent url('./image/1216.gif') no-repeat 0 0}
.category #menu-1216 a:hover{background:transparent url('./image/1216.gif') no-repeat 0 -80px}
.category #menu-renkei a{display:block; width:90px; height:80px; background:transparent url('./image/button_renkei.gif') no-repeat 0 0}
.category #menu-renkei a:hover{background:transparent url('./image/button_renkei.gif') no-repeat 0 -80px}


.category-1023 #menu-1023 a{display:block; width:90px; height:80px; background:transparent url('./image/1023.gif') no-repeat 0 -80px}
.category-1024 #menu-1024 a{display:block; width:90px; height:80px; background:transparent url('./image/1024.gif') no-repeat 0 -80px}
.category-1025 #menu-1025 a{display:block; width:90px; height:80px; background:transparent url('./image/1025.gif') no-repeat 0 -80px}
.category-1216 #menu-1216 a{display:block; width:90px; height:80px; background:transparent url('./image/1216.gif') no-repeat 0 -80px}
.category-cooperation #menu-renkei a{display:block; width:90px; height:80px; background:transparent url('./image/button_renkei.gif') no-repeat 0 -80px}

.category .entry-title a{color:#FF3366; background-color:transparent}
.category .entry-title span a{color:#000; background-color:#FFFF00; font-size:108%}
.category .entry-title a:hover{color:#FFF; background-color:#FF3366}



/*page*/
.page #header{padding-bottom:30px}
.page .entry-title{height:10px}
.page .entry{margin-top:20px}

.page-id-77 .entry-main li{padding:10px 0}
.page-id-77 .entry-main strong{color:#000; font-size:120%}
.page-id-77 .entry-main p{margin:10px 0 0 0}

.page-id-27 .entry-main li{padding:8px 0}
.page-id-27 .entry-main strong{font-size:120%; color:#000}
.page-id-27 .entry-main ul{border-bottom:1px dotted #035A30; padding:5px 0}

.page-id-29 .entry-main strong{font-size:120%; color:#FF3366}

.page-id-2 .entry-main strong{margin-left:10px; color:#FF3366}
.page-id-2 .entry-main span{background-color:#5089C1; color:#FFF; padding:2px 4px}
.page-id-2 .entry-main ul{margin-top:20px}
.page-id-2 .entry-main li{margin-top:10px}
.page-id-2 .entry-main p{margin:5px 0 0 0}