@charset "UTF-8";

/*
Theme Name: VirtualPhoto用カスタマイズテーマ
Theme URI: http://www.photo-o.com/
Description: カスタマイズ
Author: SAITO takashi
Author URI: http://www.suda.co.jp
Version: ver 1.0
*/

/* ----------------------------------------------------
Based Upon Mirror and Light(Powered by KEI-Copyright (C) 2007 www.icene.biz All rights reserved.)
Customaized by SAITO takashi(SUDA SEIHAN Co., Ltd.)
----------------------------------------------------- */



/* 
=======================================================
	Style Menu

	1.Default
	2.Structure
	3.Elements

=======================================================
*/


/* ----------------------------------------------------
	1.Defoult
----------------------------------------------------- */
ul { list-style-type:none; }
img { border:none; }
a { color:#0066FF; }
a:visited { color:#0099FF; }


/* -----------------------------------------------------
	2.Structure
----------------------------------------------------- */
* { margin:0; padding:0; }


body{
	font-family: Arial,Helvetica,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 80%;
	color: #353535;
	text-align: center;
	background: #F5F5F5 url("img/page-bg.jpg") repeat-y center;
}

div#wrap { margin: 0 auto; width: 900px; }


/* header ---------------------------------------- */


div#header { width:880px; height: 350px; margin:0px 10px; background: url("img/header-bg.jpg") no-repeat; }

h1 { width:880px; height:300px; display:block; }
h1 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background: url("img/header-bg.jpg") no-repeat;}

div.description { display:none; }

/*グローバルナビ*/
#header #g-navi { width:880px; height:50px; background:#0099FF url("img/navi-bg.jpg") no-repeat;/*\*/overflow:hidden;/*\*/ }
#header #g-navi ul{  }
#header #g-navi li { margin-left:10px; float:left; list-style-type:none; width:100px; height:50px; display:block;  }
#header #g-navi li a { font-size:1.0em; font-weight:bold; color:#FFFFFF; height:100%; padding:18px 15px; display:block; text-decoration:none; } 
#header #g-navi li a:hover { background:url("img/navi-bg.jpg") no-repeat; background-position:-50px -50px;/*\*/overflow:hidden;/*\*/ }

/* contents -------------------------------------- */

#content{ width:880px; margin: 0px 10px; padding: 0; }


a.single-image01 { width:600px; height:353px; display:block; background:url("img/single-image01.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ margin-bottom:10px; }

a.single-image02 { width:600px; height:375px; display:block; background:url("img/single-image02.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

a.single-image03 { width:600px; height:398px; display:block; background:url("img/single-image03.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }


div#content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html div#content {
	height: 1px;
	overflow: visible;
}
/**/


#main{ width:620px;float:left; text-align:left; }

.post {	margin:15px 5px 20px 40px; }


ul.postmeta{
	margin-top: 3px;
	padding: 3px 5px;
	color: #757575;
	text-align: right;
}

ul.postmeta li { display: inline; }


.entry { /*padding: 10px;	line-height: 1.5;*/ }
.entry p { margin:5px 0px; line-height:1.5; font-size:0.9em; }



/* comment */


#comments {
	margin:0px 0px 35px;
	line-height: 1.5;
}

#comments h3 {
	margin: 15px 0;
	padding: 3px 5px;
	font-size: 120%;
	color: #001b3f; 
	background: url(img/line.jpg) no-repeat left bottom; 
}


ul.commentlist { 
	margin: 0 15px 30px;
	padding: 3px 0; }


ul.commentlist li{ margin-bottom: 15px; }


.comment_data{
	margin: 0;
	padding: 3px 5px;
	color: #757575;
	text-align: right;
	border-bottom: 1px solid #eee;
}

.commentlist li p{
	margin: 0;
	padding: 5px 0 5px 10px;
}


dl.commentform { 
	margin: 0;
	padding: 5px 10px 5px 25px;
}

dl.commentform dt { color: #757575; }
dl.commentform dd { margin: 3px 0 7px; }

p.nocomments{
	color: #555566;
	text-align: right;}


p#trackback{
	margin: 15px 0 25px;
	padding: 3px 7px;
	text-align :left;
	font-size: 85%;
}

input#tb{
	width: 400px;
	font-size: 95%;
	margin: 1em 0;
	color: #757575;
}


div#pagenavi {
	margin: 2em 0;
	color: #001b3f; 
	text-align: center; }


/* sidebar --------------------------------------- */


#sidebar{
	width: 210px;
	float: right;
	color: #999;
	margin:23px 15px 0px 0px;
	background:#F5F5F5;
}

#sidebar #archive-list { text-align:left; list-style-type:circle; padding:10px 0 20px 0; }
#sidebar #archive-list li { margin:5px 5px 5px 20px; }
#sidebar #archive-list li a { font-size:0.8em; }

#sidebar #banner { text-align:center; }

#banner ul { padding:5px; }

#banner #side1 { width:180px; height:80px; display:block; list-style-type:none; margin:10px auto; padding:0; }
#banner #side1 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("img/sidebar-menu.jpg") no-repeat; background-position:0px 0px; }
#banner #side1 a:hover { background:url("img/sidebar-menu.jpg") no-repeat; background-position:-180px 0px; }

#banner #side2 { width:180px; height:80px; display:block; list-style-type:none; margin:10px auto; padding:0; }
#banner #side2 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("img/sidebar-menu.jpg") no-repeat; background-position:0px -80px; }
#banner #side2 a:hover { background:url("img/sidebar-menu.jpg") no-repeat; background-position:-180px -80px; }

#banner #side3 { width:180px; height:80px; display:block; list-style-type:none; margin:10px auto; padding:0; }
#banner #side3 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("img/sidebar-menu.jpg") no-repeat; background-position:0px -160px; }
#banner #side3 a:hover { background:url("img/sidebar-menu.jpg") no-repeat; background-position:-180px -160px; }

#banner #side4 { width:180px; height:80px; display:block; list-style-type:none; margin:10px auto; padding:0; }
#banner #side4 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("img/sidebar-menu.jpg") no-repeat; background-position:0px -240px; }
#banner #side4 a:hover { background:url("img/sidebar-menu.jpg") no-repeat; background-position:-180px -240px; }

#banner #side5 { width:180px; height:80px; display:block; list-style-type:none; margin:10px auto; padding:0; }
#banner #side5 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("img/sidebar-menu.jpg") no-repeat; background-position:0px -320px; }
#banner #side5 a:hover { background:url("img/sidebar-menu.jpg") no-repeat; background-position:-180px -320px; }

#banner #side6 { width:180px; height:80px; display:block; list-style-type:none; margin:10px auto; padding:0; }
#banner #side6 a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ background:url("img/sidebar-menu.jpg") no-repeat; background-position:0px -400px; }
#banner #side6 a:hover { background:url("img/sidebar-menu.jpg") no-repeat; background-position:-180px -400px; }

#sidebar h3{}

#sidebar ul.sidelist { text-align:left; }
#sidebar .sidelist li { margin:3px 0px 0px 15px; padding:0px 0px 3px 3px; list-style-image:url( "../../../img/li-yaji-blue.gif"); list-style-position:outside; }
#sidebar .sidelist li a { font-size:0.9em; text-decoration:none; color:#333333; }

/* search */


div.sidebox{
	margin: 0.5em 0.5em 1em; padding: 0; }
	
div.sidebox input {
	margin-bottom: 0.5em;
	padding: 2px;
	font-size: 85%;
}

input#searchsubmit {
	margin-bottom: 0.5em;
	padding: 1px;
	font-size: 85%;
}

/* sidelist */
ul.sidelist{ margin: 0.5em 1em 1em;}
ul.sidelist li{ line-height: 1.5;}


/* 子カテゴリー */

ul.children{ margin: 0 }
ul.children li { padding-left: 1em; }





/* footer ---------------------------------------- */


div#footer{ width:880px; margin:0px 10px; clear: both; }


p.toplink { 
	margin: 0;
	padding: 0 1em 1em;
	text-align: right;}


div.copyright{
	padding: 1em 0 1.5em;
	color: #999;
	font-size: 92%;
	text-align: center;
	border-top: 1px solid #ededed;
}



/* ----------------------------------------------------
	3.Elements
----------------------------------------------------- */


/* ページ内見出し設定 */

div.post h2 { padding:7px; background:url("img/blog_h2-bg.jpg") no-repeat; border-left:solid 10px #999999; }
div.post h2 a { margin:5px 0px 5px 5px; font-size:0.9em; font-weight:bold; color:#333333; text-decoration:none; }

div.entry h2 { padding-bottom:3px; border-bottom:dotted 1px #999999; }
div.entry h2 a { font-size:1.1em; font-weight:bold; color:#0066CC; text-decoration:none; }

div.entry h2.hidd { display:none; }

div.entry h3{ width:570px; height:30px; margin:10px 0px 5px 0px; padding:3px 0px 3px 25px; font-size:170%; color:#FFFFFF; background:url("img/h2-bg.jpg") no-repeat; }

div.entry h4{ margin:20px 0px 5px 15px; padding:0px 0px 3px 0px; border-bottom:solid 1px #0066CC; font-size:130%;font-weight:bold; color:#333333; }

div.entry h5{ font-size: 100%; font-weight: bold; margin:10px 0px 5px 20px; }

div.entry p{ margin:7px 0px 10px 20px; font-size: 100%; line-height:1.4; text-indent:12px; }

div.entry table { margin-left:20px; }
div.entry th { padding:5px; color:#FFFFFF; background:#0066FF; }
div.entry td { padding:5px; color:#000000; }

div.entry ol { list-style-position:outside; margin:10px 0px 10px 30px; padding-left:10px; display:block; }
div.entry ul { list-style-position:outside; margin:10px 0px 10px 30px; padding-left:10px; display:block; list-style-type:circle; }
div.entry li { margin-bottom:7px; }

div.entry img.alignleft { display:block; margin:10px; padding:5px; border:solid 1px #CCCCCC; float:left; }
div.entry img.alignright { display:block; margin:10px; padding:5px; border:solid 1px #CCCCCC; float:right; }


textarea, input, select {
	padding: 2px;
	font-size: 100%;
	border : 1px solid #a2b4c7;
	background-color: #fff;
}


/* MacIE */
textarea,input,select {
 font-family : "Osaka","\30D2\30E9\30AE\30CE\20Pro\20W3","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}


div.bukuma { margin:15px 50px; display:block; }