@charset "utf-8";

/* **************************************
 * Last update 2010.1
 * 
 *
 *
 ****************************************/

html,body {
	_text-align    : center;
	color          : #5b5b5b;
  font-family    : Meiryo,Verdana,Arial,Helvetica,sans-serif;
  _font-family   : "ＭＳ Ｐゴシック",sans-serif;
  background     : #292626;
	}

html:not(:target) html,body{
	font-family    : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}


a:link    { text-decoration : none; color:#1577A6;}
a:visited { text-decoration : none; color:#1577A6;}
a:hover   { text-decoration : underline; color:#239bb5;}


/* **************************************
 * 基本フレーム
 ****************************************/

#wrapper{
		width       : 100%;
	 	background  : url(/images/common/main_back.gif) repeat-y top center;
	 	overflow : hidden;
	}

#wrapper_inner{
		width           : 100%;
		padding-bottom  : 60px;
	 	background      : url(/images/common/back.gif) no-repeat top center;
	 	overflow        : hidden;
	}
	
#main{
		width       : 620px;
		margin      : 0 auto;
		padding-top : 140px;
		text-align  : left;
	}


#header img{
		position : relative;
		top      : -10px;
		z-index  : 2;
	}
	
#header h1{
		position  : relative;
		top       : 10px;
		z-index   : 1;
		font-size : 10px;
	}
	

#footer{
		width       : 100%;
		height      : 143px;
		margin      : 0 auto;
		text-align  : center;
	 	background  : url(/images/common/footer.gif) no-repeat top center;
	}

#footer p{
		padding-top  : 30px;
		font-size    : 74%;
		clear        : both;
	}

#footer ul{
		width        :220px;
		margin       : 0 auto;
		padding-top  : 30px;
		text-align   : center;
		overflow     : hidden;
	}

#footer li{
		padding     : 0 15px;
		list-style  : none;
		float       : left;
	}
	
.l_line{
	 	background  : url(/images/common/line.gif) no-repeat left 5px;
	}

.c_line{
	 	background  : url(/images/common/cline.gif) no-repeat center 5px;
	}
	
.r_line{
	 	background  : url(/images/common/line.gif) no-repeat right 5px;
	}
	
/* **************************************
 * photo 基本フレーム
 ****************************************/

#wrapper_photo{
		padding : 20px;
	 	background      : url(/images/common/photo_back.gif) no-repeat top center;
	 	overflow        : hidden;
	}
	

#wrapper_photo_inner{
		width           : 620px;
		_height         : 680px;
		min-height      : 680px;
		margin          : 0 auto;
		padding-top     : 100px;
		padding-bottom  : 100px;
	}

#wrapper_photo_inner a{
		text-decoration: none;
	  text-indent    : -9999px;
	  color          : #fff;
	}
	
	
#footer_photo{
		width       : 100%;
		height      : 143px;
		margin      : 0 auto;
		text-align  : center;
	}

#footer_photo p{
		padding-top  : 60px;
		font-size    : 74%;
	}


/* **************************************
 * blogフレーム
 ****************************************/


#wrapper_blog{
		width           : 100%;
		_height         : 680px;
		min-height      : 680px;
		padding-bottom  : 100px;
	 	background      : url(/images/common/photo_back.gif) no-repeat top center;
	 	background-attachment : fixed;
	}

#header_blog{
		width       : 960px;
		height      : 146px;
		margin      : 0 auto;
	 	background  : url(/images/page/blog_header.gif) no-repeat top center;
	 	overflow    : hidden; /*IE6*/
	}
	
	
#main_blog{
		width          : 960px;
		margin         : 0 auto;
		padding-bottom : 100px;
		text-align     : left;
		background     : url(/images/page/blog_main_back.png) repeat 0px 146px;
		overflow       : hidden;
		border         : 1px solid #e8e8e8;
	}

#header_blog img{
		margin-left   : 20px;
		padding-top   :130px;
		_margin-top : 130px;
	}

#header_blog ul{
		padding-top   :10px;
	}

#blog_body{
		width       : 700px;
		_width       : 720px;
		padding     : 40px 0 0 30px; /*IE6*/
	  float       : left;
	  overflow    : hidden;
	}

#blog_body h1{
		margin-bottom  : 10px;
		padding-bottom : 10px;
		background     : url(/images/common/dot.gif) repeat-x bottom;
	}

	
#blog_body img{
		margin     : 20px auto 30px;
		padding        : 20px 20px 50px 20px;
		border-top     : 1px solid #ededed;
		border-right   : 1px solid #e1e1e1;
		border-bottom  : 1px solid #ccc;
		border-left    : 1px solid #ededed;
		background     : url(/images/page/blog_photo_back.gif);
	}
	

	
#blog_body h2{
		width          : 690px;
		margin-bottom  : 20px;
		text-align     : right;
	}


#blog_body p{
	 margin-top      : 20px;	
	}
	
#blog_side{
		width         : 190px;
		padding       : 40px 20px 0 0;
		float         : right;
	}

#blog_side li{
		list-style : none;
	}
	
.side_kiji{
		width      : 190px;
		padding    : 10px 0 10px 0;
		background : #fff;
		border     : 1px solid #eee;
	}

.side_kiji h3,.side_category h3{
		padding-left : 10px;
		font-size    : 10px;
		color        : #666;
	}

.side_kiji ul,.side_category ul{
		padding-left : 10px;
	}
	
.side_category{
		width      : 190px;
		margin-top : 20px;
		padding    : 10px 0 10px 0;
		background : #fff;
		border     : 1px solid #eee;
	}
	

.blog_next{
		width       : 90%;
		margin      : 30px auto;
		text-align  : center;
	}
	
	
	
/* **************************************
 * index
 ****************************************/
	
#information{
		width : 320px;
		margin-top : 20px;
		float : left;
	}

#information dd{
		margin-left : 10px;
}

#photo_link{
		width : 260px;
		margin-top : 20px;
		float : right;
	}

#photo_link img{
		margin-bottom : 5px;
	}
	

#information h2, #photo_link h3{
		margin-bottom : 15px;
	}
/* **************************************
 * photograph
 ****************************************/

#photograph{
		width       : 620px;
		text-align  : center;
	}

#photo{
	 width         : 580px;
	 height        : 327px;
	 margin        : 0 auto 30px;
	 border        : 2px solid #ededed;
	}


#portrait_thum,
#ruins_thum,
#snap_thum{
	 width         : 570px;
   margin        : 0 auto;
}


#portrait_thum img{
	 float  : left;
	 margin : 10px 6px;
	 border  : 6px solid #ddd;
	}
	

#ruins_thum img{
	 float  : left;
	 margin : 10px 10px;
	 border  : 6px solid #ddd;
	}
	
#snap_thum img{
	 float  : left;
	 margin : 10px 6px;
	 border  : 6px solid #ddd;
	}

	

/* **************************************
 * about
 ****************************************/
 
#about{
		width        : 555px;
		margin       : 0 auto;
		padding-left : 5px;
		background   : url(/images/page/about_back.jpg) no-repeat top left;
		letter-spacing : 1px;
	}

#about h2{
		padding   : 125px 0 0 0;
	}


	
#about h3{
		margin-top : 50px;
		font-size  : 16px;
	}

#about h4{
		margin      : 10px 0 0;
	}
	
	
/* **************************************
 * menu
 ****************************************/

.lava {
		position : relative;
		top        : -27px;
		left       : 220px;
		width      : 410px;
	  padding    : 0 20px;
		overflow   : hidden;
}

.lava li {
		float      : left;
		list-style : none;
}

.lava li.back {
		position   : absolute;
		width      : 9px;
		height     : 20px;
		background : url(../images/common/lava.gif) no-repeat right -15px;
		z-index    : 8;
}

.lava li.back .left {
		height       : 20px;
		margin-right : 9px;
		background   : url(../images/common/lava.gif) no-repeat top left;
}

.lava li a {
		position    : relative;
/*		height      : 20px;*/
		margin      : -4px 10px 0;   
		text-decoration : none;
		color           : #666;
		outline         : none;
		text-align      : center;
		text-transform  : capitalize;
		font            : bold;
		z-index         : 10;
/*		display         : block;*/
		float           : left;
		overflow        : hidden;
}

.lava li a:hover, .lava li a:active, .lava li a:visited {
		border: none;
}

a:link.menu    { text-decoration : none; color:#555;}
a:visited.menu { text-decoration : none; color:#555;}
a:hover.menu   { text-decoration : none; color:#111;}

a:link.menu_on    { text-decoration : none; color:#111;}
a:visited.menu_on { text-decoration : none; color:#111;}


/* **************************************
 * contact
 ****************************************/

#contact{
	min-height : 460px;
	height     : auto !important;
	height     : 460px;
}


#title_select{
	width       : 590px;
	height      : 40px;
	margin-top  : 10px;
	text-align  : right;
	background  : #efefef;
	border-top  : 1px dotted #ccc;
	border-bottom : 1px dotted #ccc;	
}


#title{
	margin     : 10px 10px 0 0;
	background : #333;
	border     : 3px double #555;
	color      : #eee;
}


#title option{
	padding    : 3px 10px 0 0;
	border-bottom : 1px solid #444;
}

.mailform_table {
	width       : 590px;
	margin-top  : 60px;
	text-align  : center;
}

.mailform_table th {
	width      : 250px;
	vartical-align : top;
}

.mailform_table td{
	width      : 340px;
}

.mailform_table span {
	color       : #c00;
	margin-left : 5px;
}

.mailform_table tr th p {
	font-size   : 10px;
	color       : #999;
}

.mailform_table tr td textarea {
	width    : 330px;
	height   : 120px;
}

.mailform_submit{
	margin     : 30px auto;
	text-align : center;
}




.mailform_submit input{
  padding    : 3px;
	background : #333;
	border     : 3px double #555;
	color      : #eee;
}



/* **************************************
 * link
 ****************************************/
 
 
 .link{
	width         : 600px;
	margin-bottom : 30px;
	padding       : 10px;
	border        : 5px solid #efefef;
}

 .link h4{
	margin-bottom  : 20px;
	padding-bottom : 10px;
	background     : url(/images/common/dot.gif) repeat-x bottom;
}

.link li{
	list-style    : none;
}