@charset "utf-8";
/*

Theme Name: Orekan
Theme URI: http://www.orekan.net/
Description: theme for orekan.net
Version: 1.0
Author: Jun SUGIMOTO
Author URI: http://www.understandard.net/

*/

html{height:100%;margin-bottom:1px;}

body{
	margin:0;
	padding:0;
	line-height:1.4;
	height:1%;
	color:#333333;
	background:#44474c;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ　Ｐゴシック', sans-serif;
	font-size:62.5%;
	}

h1, h2, h3, h4, h5, h6,
div, span,
img, a img, ul, ul li, dl, dt, dd,
label{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	}
p{
	margin:0 0 1em;
	}

input, textarea{
	margin:0;
	padding:0;
	}

hr{
	display:none;
	clear:both;
	}
.alignright{
	text-align:right;
	}

.wrp{
	width:100%;
	background:#f0f0f0 url(images/bg.png) left top repeat-x;
	}

/*
============================================================
=====header
*/

.header{
	margin:0 auto;
	width:800px;
	height:56px;
	overflow:hidden;
	}
	#top{
		display:block;
		float:left;
		width:75px;
		height:40px;
		}
	.header ul{
		float:right;
		}
		.header ul li{
			padding-left:10px;
			float:left;
			}
			.header ul li a{
				display:block;
				}
				.header ul li#nav1{background:url(images/nav/top_o.png) 10px 0px no-repeat;}
				.header ul li#nav2{background:url(images/nav/about_o.png) 10px 0px no-repeat;}
				.header ul li#nav3{background:url(images/nav/gallery_o.png) 10px 0px no-repeat;}
				.header ul li#nav4{background:url(images/nav/blog_o.png) 10px 0px no-repeat;}
				.header ul li#nav5{background:url(images/nav/bbs_o.png) 10px 0px no-repeat;}
				.header ul li#nav6{background:url(images/nav/map_o.png) 10px 0px no-repeat;}
				.header ul li#nav7{background:url(images/nav/contact_o.png) 10px 0px no-repeat;}

				.header ul li a:hover{
					background-color:transparent;
					}
					.header ul li a:hover img{
						visibility:hidden;
						}

/*
=====header
============================================================
*/

/*
============================================================
=====content
*/

.content{
	margin:0 auto;
	padding:30px 0;
	width:800px;
	overflow:hidden;
	font-size:1.2em;
	}
	.content .main{
		float:left;
		width:600px;
		}
		.content .main .date{
			padding-bottom:12px;
			display:block;
			font-size:.5em;
			}
		.content p.topicpath{
			margin:0 0 16px;
			width:600px;
			}
		.content .main .homeblocks{
			margin:34px 0 0;
			}
			.content .main .homeblocks h2{
				margin:0 0 15px;
				}
		.content .main .flip{
			width:600px;
			height:250px;
			position:relative;
			}
			.content .main .flip ul{
				position:relative;
				height:250px;
				overflow:hidden;
				z-index:0;
				}
			.content .main .flip .next{
				padding:6px 0 0;
				position:absolute;
				bottom:0;
				left:0;
				z-index:100;
				width:600px;
				height:40px;
				color:#000000;
				background:url(images/next-bg.png) left top repeat;
				font-weight:bold;
				font-size:2.333em;
				text-align:right;
				}
				* html .content .main .flip .next{
					behavior: expression(
					this.style.behavior || (
					this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
					this.style.backgroundImage = "none",
					this.style.behavior = "none"
					)
					);
					}
				.content .main .flip .next p{
					margin:0;
					padding:0 10px;
					}

/*
---------------------------------------------------------------------------
=====All Post
*/
#archive .content .main h1,
#single .content .main h1{
	margin:0 0 20px;
	font-weight:normal;
	font-size:2.0em;
		}
#archive .content .main h2,
#single .content .main h2{
	margin:0 0 12px;
	clear:both;
	font-weight:normal;
	font-size:1.5em;
	}
#archive .content .main h3,
#single .content .main h3{
	margin:0;
	font-weight:normal;
	font-size:1.167em;
	}

#archive .content .main .entry{
	margin:0 0 30px;
	border-bottom:1px solid #999999;
	}

#single .content .main .commentarea h2.comment{
	margin:0;
	font-weight:bold;
	}
.content .main .commentarea{
	}
	.content .main .commentarea #commentlist{
		}
		.content .main .commentarea #commentlist dt{
			margin:0 0 2px;
			padding:4px 4px 0 4px;
			display:block;
			border-bottom:1px solid #e6790f;
			background:#dedede;
			text-align:right;
			}
			.content .main .commentarea #commentlist dt span.name{
				font-weight:bold;
				display:block;
				float:left;
				}
		.content .main .commentarea #commentlist dd{
			padding:4px;
			}

/*
=====All Post
---------------------------------------------------------------------------
*/

			
/*
---------------------------------------------------------------------------
=====All Page
*/
#page .content .main h1{
	margin:0;
	font-weight:normal;
	font-size:2.0em;
	}
#page .content .main h2{
	margin:20px 0 12px;
	border-bottom:1px solid #999999;
	clear:both;
	font-weight:normal;
	font-size:1.5em;
	}
#page .content .main h3{
	margin:0;
	font-weight:normal;
	font-size:1.167em;
	}
/*
=====All Page
---------------------------------------------------------------------------
*/
			
#page.map .content .main{
	}
	#page.map .content .main ul{
		float:left;
		width:198px;
		}
		#page.map .content .main li{
			atext-align:right;
			width:198px;
			}
			#page.map .content .main li span{
				float:left;
				}

	#page.map .content .main .googlemaps{
		clear:none;
		}
			/*
			---------------------------------------------------------------------------
			=====Contact Form
			*/
		#page.contact .content .main{
			}
			#page.contact .content .main .wpcf7{
				}
				#page.contact .content .main .wpcf7 .wpcf7-response-output.wpcf7-validation-errors.wpcf7-mail-sent-ng{
					margin:0;
					}
				#page.contact .content .main .wpcf7 form{
					padding:40px 0 0;
					width:600px;
					}
				#page.contact .content .main .wpcf7 ul{
					overflow:hidden;
					width:600px;
					}
					#page.contact .content .main .wpcf7 ul li{
						margin:0 0 20px;
						float:left;
						text-align:right;
						}
						#page.contact .content .main .wpcf7 ul li em{
							text-align:left;
							float:left;
							width:150px;
							}
						#page.contact .content .main .wpcf7 ul li input,
						#page.contact .content .main .wpcf7 ul li textarea{
							padding:2px;
							}
				#page.contact .content .main .wpcf7 p.btn{
					padding:20px 0 0;
					text-align:center;
					}
					
					
					
				#page.contact .content .main .wpcf7 dl{
					float:left;
					width:540px;
					}
				#page.contact .content .main dl dd{
					overflow:hidden;
					width:100%;
					}
					#page.contact .content .main dl dd span{
						float:left;
						width:100%;
						}
						#page.contact .content .main dl dd span input, #page.contact .content .main dl dd span textarea{
							margin:0 0 20px;
							border:1px solid #ccc;
							float:left;
							width:40%;
							}
						#page.contact .content .main dl dd span span{
							display:inline;
							width:40%;
							}
			/*
			=====Contact Form
			---------------------------------------------------------------------------
			*/


#archive .main .wp-pagenavi{
	margin:0 0 20px;
	text-align:right;
	width:100%;
	}

#page.gallery .main{
	}
	#page.gallery .main dl{
		margin:0 0 20px;
		overflow:hidden;
		}
		#page.gallery .main dl dt{
			width:100%;
			font-size:16px;
			font-weight:bold;
			}
		#page.gallery .main dl dd{
			margin:0 10px 10px 0;
			float:left;
			width:100px;
			height:100px;
			overflow:hidden;
			}
			#page.gallery .main dl dd img{
				margin:0;
				display:block;
				}

			#page.gallery .main dl dd.text{
				margin:0 0 10px;
				display:block;
				float:left;
				width:600px;
				height:auto;
				}
#page.gallery ul ul{
	margin:0 0 12px 20px;
	}


	.content .side{
		float:right;
		width:180px;
		}
		.content .side dl{
			}
			.content .side dl dt{
				height:30px;
				}
			.content .side dl dd{
				}
				.content .side dl dd ul{
					padding:3px 0 3px 8px;
					}
					.content .side dl dd li{
						padding:3px 0;
						}
				.content .side dl dd dl{
					padding:3px 0 6px 8px;
					}
					.content .side dl dd dl dt{
						margin:0;
						padding:3px 0;
						height:auto;
						font-size:1.167em;
						}
					.content .side dl dd dl dd{
						margin:0;
						padding:3px 0 0 2px;
						display:inline;
						}


/*
=====content
============================================================
*/

/*
============================================================
=====footer
*/

.footer{
	width:100%;
	min-height:150px;
	height:auto!important;
	height:150px;
	background:url(images/footer.png) left top repeat-x;
	}
	.footer p.pagetop{
		margin:0 auto;
		width:800px;
		background:url(images/pagetop_o.png) 507px 0px no-repeat;
		}
		.footer p.pagetop a{
			margin-left:507px;
			display:block;
			width:93px;
			height:34px;
			}
			.footer p.pagetop a:hover{
				background-color:transparent;
				}
				.footer p.pagetop a:hover img{
					visibility:hidden;
					}
/*
=====footer
============================================================
*/