@charset "utf-8";
/*
Theme Name: shuichitsunoda.com
Theme URI: http://shuichitsunoda.com/
Description: shuichitsunoda. WordPress theme.
Author: hereticanthem co.,ltd.
Version: 1.0
Tags: black, white, two-columns, fixed-width
*/

* {
	margin: 0;
	padding: 0;
	}

/* ------------------------------------------------------------
	BASE SETTING CSS
   ------------------------------------------------------------ */

body {
	margin:0;
	padding:0;
	background:#000;
	color:#FFF;
	font-size:60%;
	line-height:140%;
	font: 11px/18px "Helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	behavior:url("css/csshover.htc");
	text-align:left;
	}

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

/* ------------------------------------------------------------
	LINK SETTING CSS
   ------------------------------------------------------------ */

a:link { color:#9c9caf; text-decoration:none; }
a:visited { color:#9c9caf; text-decoration:none; }
a:hover, a:active { color:#FFF; }

/* ------------------------------------------------------------
	TOOL SETING CSS
   ------------------------------------------------------------ */

.clearfix:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
	}

.clr_b { clear:both; }
.t_l { text-align:left; }
.t_c { text-align:center; }
.t_r { text-align:right; }
/**--float--**/

.f_l { float:left; }
.f_r { float:right; }

/* ------------------------------------------------------------
	SITE SETING CSS
   ------------------------------------------------------------ */

/*idWrapper CSS*/

#idWrapper {
	width:100%;
	height:100%;
	}

/*Container CSS*/

#Container {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

/*Header CSS*/

#Header {
	width:800px;
	height:170px;
	position:relative;
	text-align:left;
	margin-bottom:50px;
	}

#Header a:link { color:#d1d0e8; text-decoration:none; }
#Header a:visited { color:#d1d0e8; text-decoration:none; }
#Header a:hover, #Header a:active { color:#FFF; }

#Header h1 {
	width:719px;
	height:56px;
	left:0px;
	top:45px;
	position:absolute;
	}

#Header .nav_sub {
	position:absolute;
	top:40px;
	right:0px;
	}

#Header .nav_sub li {
	line-height:150%;
	}

#Header .nav_main {
	width:800px;
	position:absolute;
	top:155px;
	right:0px;
	}

#Header .nav_main li {
	float:left;
	}

#Header .nav_main li.item01 { margin-right:25px; }
#Header .nav_main li.item02 { margin-right:25px; }
#Header .nav_main li.item03 { margin-right:25px; }
#Header .nav_main li.item04 { margin-right:23px; }
#Header .nav_main li.item05 { margin-right:23px; }
#Header .nav_main li.item06 { margin-right:23px; }
#Header .nav_main li.item07 { margin-right:23px; }

#Header .nav_main li.last{
	margin-right:0px;
	}


/*Contents CSS*/

#Contents {
	width:800px;
	margin-bottom:50px;
	}

/*Main CSS*/

.main {
	width:800px;
	}
	
.main #SlideShow {
	position:relative;
	clear:both;
	}
	
.main #SlideShow .SlideContainer {
	height:600px;
	overflow:hidden;
	position:relative;
	}

.main #SlideShow .SlideContainer .SlideImg {
	position:relative;
	}
	
.main #SlideShow .SlideImg div {
	position:absolute;
	top:0;
	width:800px;
	}

.main #SlideShow ul {
	margin:0;
	padding:30px 0 0 0;
	list-style-position:inside;
	list-style-type: none;
	text-align:center;
	}

.main #SlideShow ul li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 10px;
	background:url(images/dot_off.png) no-repeat;
	}

.main #SlideShow ul li a {
	width:10px;
	height:10px;
	text-indent:-9999px;
	display:block;
	}

.main #SlideShow ul li.active {
	background:url(images/dot_on.png) no-repeat;
	}
	

.main #SlideShow ul li.last {
	padding-right: 0px;
	}

.main .mainBox .mainImg {
	margin-bottom:20px;
	}


/*Pan CSS*/

.pan {
	width:800px;
	color:#525166;
	clear:both;
	margin-bottom:30px;
	}

.pan a:link { color:#9c9caf; text-decoration:none; }
.pan a:visited { color:#9c9caf; text-decoration:none; }
.pan a:hover, .pan a:active { color:#FFF; }

.pan ul li {
	float:left;
	}

.pan ul li a {
	background:url(images/arrow.png) no-repeat right ;
	padding-right:25px;
	padding-top:1px;
	margin-right:22px;
	display:block;
	}

.pan ul li .selected {
	background:none;
	}

/*category CSS*/

.category {
	width:852px;
	clear:both;
	}

.category .entry {
	width:161px;
	margin-right:52px;
	margin-bottom:52px;
	float:left;
	}

.category .thumb {
	width:161px;
	height:161px;
	position:relative;
	}

.category .thumb img {
	width:161px;
	height:161px;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	}

.category .title a {
	width:161px;
	height:161px;
	position:absolute;
	text-indent:-9999px;
	display:block;
	z-index:2;
	top:0px;
	left:0px;
	}

.category .title a:hover {
	background:url(images/line.png) no-repeat;
	}

.category .entry h2 {
	margin-top:5px;
	}
	
/*Page CSS*/

.page {
	margin-bottom:30px;
	}

.page #entry {
	width:800px;
	height:570px;
	overflow:hidden;
	}
	
.page #entry div.imageList {
	
	}

.page #entry .imageList div {
	float: left;
	margin-right:20px;
	}

.page h2.page_title {
	text-align:left;
	font-size:24px;
	font-weight:normal;
	margin-bottom:30px;
	}

.page_contents {
	width:800px;
	text-align:left;
	}

.page_contents h3.name {
	margin-bottom:35px;
	}

.page h4 {
	font-size:12px;
	margin-bottom:5px;
	}

.page_contents .left_area {
	width:400px;
	float:left;
	}

.page_contents .right_area {
	width:400px;
	float:right;
	}

.page_contents .right_area .profile {
	margin-top:50px;
	}

.page_contents .page_box {
	margin-bottom:30px;
	}

.under_construction {
	margin-top:170px;
	padding-bottom:120px;
	}

/*Page_nav CSS*/

.wp-pagenavi {
	width:800px;
	clear:both;
	font-size:12px;
	margin-bottom:100px;
	}

.wp-pagenavi span,.wp-pagenavi a {
	padding-right: 10px;
	}
	


/*Footer CSS*/

#footer {
	clear:both;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#footer .nav {
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	text-align:right;
	padding:15px 0 15px 0;
	margin-bottom:100px;
	}

#footer .nav span {
	margin-left:10px;
	font-style:italic;
	}

#Copyright {
	text-align:center;
	margin-bottom:20px;
	}


/*////////////////////////////////////////////////////////////
hereticanthem - Reset

hereticanthem All Rights Reserved.
------------------------------------------------------------e

/* ################################################################################
	[Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
	 Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#FFF;background:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{overflow:hidden;outline:none;}