@charset "utf-8";

/*-------------------------------------------------
Reset
-------------------------------------------------*/
html, div, img,h1, h2, h3, h4, h5, h6 ,ul ,li, ol, dl, dd, dt, p, form{
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	border:0;
}
textarea{
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
}

/*-------------------------------------------------
YUI Fontsize
-------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/*-------------------------------------------------
Clearfix
-------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */


/*-------------------------------------------------
Common Tags
-------------------------------------------------*/
/* Body */
body {
	text-align: left;
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, "ＭＳ Ｐ明朝", "細明朝体";
	color: #333;
	margin:0;
	padding:0;
}

/* Link */
a:link {color: #333; text-decoration: underline;}
a:visited {color: #666; text-decoration: underline;}
a:hover {color: #333; text-decoration: none;}

/* Image */
img {
	border: none;
	vertical-align: bottom;
}

/* List */
ul, ol {
	list-style-type: none;
}

/* Table */
table {
	border-collapse:collapse;
}

/* HR */
hr {
	border:none;
	background-color:transparent;
	color:#FFF100;
	height:1px;
	margin:0;
	padding:0;
}


/*-------------------------------------------------
Common Parts
-------------------------------------------------*/
/* Title */
.heading-area {
	height:25px;
	border-bottom:1px solid #CCC;
	padding:0;
	margin-bottom:25px;
}
.heading-area h2 {
	float:left;
	color:#333;
	font-weight:bold;
}


/*-------------------------------------------------
Wrapper
-------------------------------------------------*/
#wrapper {
	width:870px;
	padding:0 0 0 30px;
}


/*-------------------------------------------------
Header
-------------------------------------------------*/
/* Wrapper */
#header {
	position:relative;
	height:50px;
}

/* Site Logo */
#header h1 {
	position:absolute;
	top:23px;
	left:0;
}

/* Navigation */
#header ul#navi {
	position:absolute;
	top:30px;
	right:0;
}
#header ul#navi li {
	float:left;
	margin-left:12px;
}


/*-------------------------------------------------
Wrapper Main
-------------------------------------------------*/
#main {
	min-height:350px;
	padding:30px 0 0 0;
}


/*-------------------------------------------------
Side Menu
-------------------------------------------------*/
/* Wrapper */
#menu {
	float:left;
	width:200px;
	padding-bottom:40px;
}

/* Link */
#menu a:link {color: #666; text-decoration: none;}
#menu a:visited {color: #666; text-decoration: none;}
#menu a:hover {color: #000; text-decoration: none;}

/* Heading */
#menu h2 {
	color:#333;
	font-weight:bold;
	margin-bottom:12px;
}

/* List */
#menu ul {
	margin:0 0 25px 10px;
}
#menu li {
	color:#000;
	background:transparent url(../img/icon_menu.gif) no-repeat 0 center;
	margin-bottom:12px;
	padding-left:15px;
}

#menu li.selected {
	background:transparent url(../img/icon_menu.gif) no-repeat -200px center;
}
#menu li.selected a {
	color:#000;
}

/*-------------------------------------------------
Contents
-------------------------------------------------*/
#contents {
	float:right;
	width:600px;
	color:#666;
	padding-bottom:25px;
}

/* Basic Tag
-------------------------------------------------*/
/* Heading */
#contents h2 {
}
#contents h3 {
	color:#333;
	font-size:108%;
	font-weight:bold;
	margin:0 0 8px 0;
}

/* Text */
#contents p {
	line-height:160%;
	margin-bottom:10px;
}

/* List */
#contents ul {
	list-style-type:square;
	margin:5px 0 10px 20px;
}
#contents ol {
	list-style-type:decimal;
	margin:5px 0 10px 25px;
}
#contents li {
	line-height:140%;
	margin-bottom:2px;
}
#contents blockquote {
	margin:10px 30px 15px 30px;
}

/* Table */
#contents table {
	border-collapse:collapse;
	margin-bottom:20px;
}
#contents table th {
	vertical-align:top;
	font-weight:normal;
	line-height:160%;
	padding-right:10px;
}
#contents table td {
	vertical-align:top;
	line-height:160%;
}

/* Original Unit
-------------------------------------------------*/
/* RSS */
#contents .rss {
	text-align:right;
	margin:0;
	padding:0;
	line-height:100%;
}

/* Image Float */
#contents .img-right {
	float:right;
	margin:0 0 15px 15px;
}
#contents .img-left {
	float:left;
	margin:0 15px 15px 0;
}

/* Slide Link */
#contents ul#slide-link {
	position:relative;
	float:right;
	width:44px;
	height:17px;
	background:#CCC url(../img/bt_slidelink_back.gif) no-repeat right top;
	list-style-type:none;
	margin:0;
	padding:0;
}
#contents ul#slide-link li {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	line-height:0;
}
#contents ul#slide-link li#preview {
	left:0;
}
#contents ul#slide-link li#next {
	right:0;
}



/*-------------------------------------------------
Footer
-------------------------------------------------*/
#footer {
	clear:both;
	border-top:1px solid #CCC;
	padding:25px 0;
}
#footer p {
	font-size:77%;
}


/*-------------------------------------------------
Page Style
-------------------------------------------------*/

/* Cover
-------------------------------------------------*/
/* Wrapper */
#wrapper-cover {
	text-align:center;
	padding:30px 0 0 0;
}
/* Logo */
#wrapper-cover h1 {
	margin-bottom:20px;
}
/* Photo */
#wrapper-cover #cover-photo {
	padding-bottom:15px;
}
#wrapper-cover #cover-photo a {
	text-decoration:none;
}
/* Enter */
#wrapper-cover p.enter {
	text-align:center;
}
/* Footer */
#wrapper-cover #footer {
	border-top:0;
}

/* Information
-------------------------------------------------*/
/* Box */
#contents .infomation-box {
	clear:both;
	border-bottom:1px solid #EEE;
	padding-bottom:15px;
	margin-bottom:30px;
}
#contents .infomation-box h3 {
	margin-top:15px;
}
#contents .infomation-box h3.englishtitle {
	margin-top:30px;
}



/* Photographs
-------------------------------------------------*/
/* Photo Menu (Category) */
#menu ul#global {
	margin:0 0 25px 0;
}
#menu ul#global li {
	color:#000;
	font-weight:bold;
	background:transparent;
	margin-bottom:12px;
	padding-left:0;
}
#menu ul#global ul {
	margin:10px 0 25px 10px;
}
#menu ul#global ul li {
	color:#CCC;
	font-weight:normal;
	background:transparent url(../img/icon_menu.gif) no-repeat 0 center;
	margin-bottom:12px;
	padding-left:15px;
}
#menu ul#global ul li.active {
	background:transparent url(../img/icon_menu.gif) no-repeat -200px center;
}
#menu ul#global ul li.active a {
	color:#000;
}

/* Photo Index */
#contents table.photographs_category {
	width:100%;
	margin:0 0 30px;
}
#contents table.photographs_category td {
	width:25%;
	text-align:center;
	vertical-align:middle;
	padding:0 10px 5px 10px;
}
#contents table.photographs_category td a {
	text-decoration:none;
}
#contents table.photographs_category td a:hover {
	text-decoration:underline;
}


/* Photo Detail */
#contents #photographs_detail {
	text-align:center;
}


/* Profile
-------------------------------------------------*/
/* Japanese */
#contents #profile_ja {
}
/* English */
#contents #profile_en {
}


/* Contact
-------------------------------------------------*/
/* Mail Form */
#contents table.contact {
	margin-bottom:0;
}
#contents table.contact th {
	width:120px;
	padding-bottom:15px;
}
#contents table.contact td {
	padding-bottom:15px;
}