@charset "UTF-8";
/*  
Theme Name: AMBROISIE
Theme URI: http://issei-ism.com
Description: Design by <a href="http://issei-hara.com" title="Issei Hara">Issei Hara</a>.
Version: 1.0
Author: Issei Hara
Author URI: http:/issei-hara.com
Tags: html5, css3, black, white
*/

@import url("http://issei-hara.com/includes/reset.css");


/************************************************/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

body {
	background-color: #fff;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: center;
}

a, a:link, a:visited {
	color:#333;
	text-decoration: none;
-webkit-transition: 0.3s ease-in-out; /* CSS3 */
}

a:hover, a:active {
	color: #f60;
	text-decoration: none;
}

/************************************************/
/* layout ***************************************/

#top,
#bottom,
#comment-list {
	height: 0 !important;
	overflow: hidden !important;
	background-color: #fff !important;
	color: #fff !important;
	display: block !important;
	clear:both !important;
	margin: 0;
	padding: 0;
	line-height: 0;
}

hr {
	border: none;
	border-top: 1px dotted #999;
	height: 0;
	clear: both;
}

.clear { clear: both !important;}

/************************************************/
/* clearfix *************************************/

/*
#head-control:after,
#foot-control:after,*/
#header:after,
#footer:after,
#main:after,
#site-info:after,
#content .post:after,
#content .entry:after,
#content ul.results li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow: hidden;
}

/************************************************/
/************************************************/

#frame {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	text-align: center;
	clear: both;
	display: block;
	line-height: 1.5;
}

#head-control,
#foot-control,
#header,
#footer,
#main,
#site-info {clear: both; display:block; margin: 0; padding: 0;}


#head-line,
#foot-line { background-color: #000; height: 20px; display: block; clear: both; padding:0; margin:0; overflow:hidden;}

#header-body,
#footer-body,
#main-body {
text-align: left;
margin: 0 auto;
width: 880px;
padding: 0;
}

/************************************************/
/* control **************************************/

#head-control,
#foot-control {  margin:0; padding:0;}

#head-control a,
#foot-control a  { color: #fff;}

#head-control a:hover, 
#foot-control a:hover{ color:#f60;}
/*
#head-control p { float: left; line-height: 32px; padding-left: 10px; color: #fff; font-size: 1.2em; }

#head-control ul#nav,
#foot-control ul { float:left; line-height: 32px; margin: 0; display:block;}

#head-control ul#nav li { display:block; float:left; border-right: 1px solid #666;}
#foot-control ul li { display: block; float:left; margin:0; padding: 0; padding-left: 15px; padding-right: 15px; color: #fff;}

#head-control ul#nav li a { display: block; float: left; padding-left: 15px; padding-right: 15px; color: #fff; font-size: 1.2em;}
#head-control ul#nav li a:hover { background-color: #f09;}

#foot-control ul li address { display:inline;}
*/
.control-right ul { float: right;}

#head-control ul li,
#foot-control ul li { padding: 0; margin:0; float: left; display: block; font-size: 1.2em;}

#head-control ul li,
#foot-control ul li { margin: 0 0 0 3px;}

#foot-control ul li#pc-sp { margin: 0;}

#head-control ul li a,
#foot-control ul li a {
padding: 0;
margin: 0;
padding-left: 10px;
line-height: 30px;
height: 30px;
text-align: center;
overflow: hidden;
float: left;
}

#head-control ul li a span,
#foot-control ul li a span {
padding: 0;
padding-right: 10px;
margin: 0;
display: block;
}

#head-control ul li a { background: #000 url(images/control.gif) bottom left no-repeat; line-height: 30px;}
#head-control ul li a span { background: #000 url(images/control.gif) bottom right no-repeat;}

#foot-control ul li a { background: #000 url(images/control.gif) left top no-repeat; line-height: 35px;}
#foot-control ul li a span { background: #000 url(images/control.gif) right top no-repeat;}

/************************************************/
/* head-info site-info **************************/

#header { padding-top: 30px; padding-bottom: 30px;}
#header a { color: #333;}
#header a:hover { color: #f60;}

#header #logo { margin-bottom: 0; clear: both; display: block; float:left;}
#header h1 { font-size: 3.0em; font-weight: lighter; text-transform:uppercase; display: block; padding:0; margin: 0;  }
#header h1 a {  width:550px; height:40px; overflow: hidden;color:#333;background: url(/images/logo.gif) no-repeat top left; text-indent:550px; display:block;}
#header h1 a:hover { color:#f39;}

#header p { padding:0; margin:0 0 15px 0; font-size: 1.3em; display: block; clear:both; color:#333;}

#header ul { padding: 15px 0 0 0; margin: 0; display: block; clear:both; }
#header ul:after { 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow: hidden;}

#header ul li { float: left; margin:0 30px 0 0;  }

/************************************************/
/* search ***************************************/

#search {
margin: 0;
padding: 0;
float: right;
width: 240px;
text-align:right;
}
/*
#search input {
margin: 0;
padding: 7px 15px 7px 35px;
width: 190px;
height: 16px !important;
vertical-align: middle;
font-size: 1.2em;
font-weight: lighter;
border: none;
background: url(images/search.gif) top left no-repeat;
overflow: hidden;
color: #999;
}*/

/************************************************/
/* site-info ************************************/

#site-info { padding-bottom: 15px;}

#site-info a { color:#f60;}
#site-info a:hover { color:#333;}

#site-info ul { padding: 0; margin:0;display: block;}
#site-info ul li { padding:0; margin: 0 20px 0 0; float: left;}
#site-info ul li#copyright { margin:0; padding:0; margin: 0 0 0 20px; float: right;}
#site-info ul li#copyright address { display: inline;}

/************************************************/
/************************************************/

#footer ul { margin: 0; padding: 0; margin-bottom: 15px;}
#footer ul li {	color: #f39; font-size: 1.2em;}

#footer #f-1, #footer #f-2, #footer #f-3, #footer #f-4 { float: left; margin: 0; padding: 0 0 0.1em 0; width: 280px;}
/*#footer #f-4 { display:block; clear:both;}*/

#footer #f-1 { margin-right: 10px;}
#footer #f-2 { width: 300px;}
#footer #f-3 { float: right;}

#footer #f-1 ul li a, #footer #f-2 ul li a, #footer #f-3 ul li a { display: block;}

#footer #f-1 ul li a span, #footer #f-2 ul li a span, #footer #f-3 ul li a  span{ color: #f60;}

#footer #f-1 ul,
#footer #f-2 ul,
#footer #f-3 ul { padding-left: 20px; }

#footer #f-1 ul li,
#footer #f-2 ul li,
#footer #f-3 ul li {
list-style-image: url(images/bullet.gif);
list-style-position:outside;}

#footer #f-3 p { padding: 0; margin: 0;}
#footer #f-3 p a { margin:0 0 30px 0; display:block; padding:0; border: 1px solid #999; width: 300px; height: 30px; overflow: hidden; }
#footer #f-3 p a:hover { border: 1px solid #f60;}

/************************************************/
/************************************************/

.meta { color: #f60; display: block; }
.meta span { display: block;}

#content,
#sidebar,
#footer #f-1,
#footer #f-2,
#footer #f-3,
#site-info,
#comments {
padding-top: 15px; border-top: 1px solid #999;
}

#content,
#comments { padding: 0;}

#site-info { padding-top: 15px;}


#footer h2,
#sidebar h2 {
	font-size: 1.5em;
	padding: 0;
	margin-bottom: 10px;
	font-weight: lighter;
}


/************************************************/
/* sidebar **************************************/

#sidebar {
	float: right;
	width: 300px;
}

#sidebar .module {
	margin-bottom: 30px;
	display: block;
	clear: both;
}

/************************************************/

#sidebar p {
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}

#sidebar ul {
	padding: 0;
	margin: 0;
	clear: both;
	padding-left: 20px;
}

#sidebar ul li {
	list-style-image: url(images/arrow-right.gif);
	list-style-position:outside;
	font-size: 1.2em;
}

#sidebar ul li a {
	display:block;
}

#sidebar select {
	width: 99%;
	margin-bottom: 10px;
	font-size: 1.2em;
	border: 1px solid #999;
	padding: 2px;
}

/************************************************/
/* content **************************************/

#content {
	float: left;
	width: 570px;
	text-align:left;
}

#content .post {
	margin: 0;
	padding: 0 0 0.1em 0;
	display: block;
	clear: both;
}

#content .entry-image,
#content .result-image,
#content .comment-image { clear:both; float:left; width:65px; padding: 0; padding-bottom: 30px;}


#content .entry-image { padding-top: 15px; position: relative;}

#content .entry { padding-top: 15px;}

#content .entry-image span { display:block;}

#content .entry-image img,
#content .result-image img,
#content .comment-image img {
border: 1px solid #999;
padding: 1px;
margin: 0 0 10px 0;
}


#content .post img {
	max-width: 500px;
}

/************************************************/
/* results & comments ***************************/

#content ul.results,
#content ol.comment,
#content ol.pingslist { padding: 0; margin: 0; clear: both; padding-top: 15px;}


#content ol.comment { border-top: 1px solid #999;}

#content ul.results li,
#content ol.comment li,
#content ol.pingslist li {
	margin: 0;
	padding: 0 0 30px 0;
	clear: both;
	display: block;
	text-decoration: none;
}

#content .entry,
#content .result-entry,
#content .comment-entry { float: right; width: 500px;}

#content ul.results li a:hover img {
border: 1px solid #f60;
}

#content ul.results li span.result-title,
#content ol.comment li span.comment-title,
#content ol.pingslist li a span.comment-author {
	padding: 0;
	margin: 0 0 20px 0;
	display: block;
	font-size: 1.8em;
	font-weight: lighter;
}

#content ul.results li span.result-title a,
#content ul.results li span.result-text a,
#content ol.comment li span.comment-title a { color: #333;}

#content ul.results li span.result-title a:hover,
#content ul.results li span.result-text a:hover,
#content ol.comment li span.comment-title a:hover { color: #f60;}

#content ul.results li span.result-text,
#content ol.comment li span.comment-text p,
#content ol.pingslist li a span.comment-text p {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	display:block;
}

#content ul.results li a,
#content ol.comment li a { color: #f60;}

#content ul.results li a:hover,
#content ol.comment li a:hover,
#content ol.pingslist li a:hover {
	color: #333;
}

#content .result-entry .detail { display:block; padding: 10px 0 0 10px; border-left: 2px solid #999;}
#content .result-entry .detail span { display:block;}


/************************************************/

#content .post a {
	color:#f60;
}

#content .post a:hover {
	color: #666;
}

#content .post p span { font-size: 1.5em;}

h2, h3, h4, h5 {
	font-weight: lighter;
	padding: 0;
}

#content h2 {
	font-size: 1.8em;
	margin: 0 0 20px 0;
}

#content .post h3 { font-size:1.5em;}

h3, h4, h5 {
font-size: 1.5em;
	margin: 0 0 20px 0;
}

#content p,
#content .post ul li,
#content .post ol li/*,
#content .post dl dd*/ {
	font-size: 1.3em;
}

#content p {
	margin: 0 0 20px 0;
	padding: 0;
}
/************************************************/

#content p.breadcrumb {
	padding: 10px;
	border: 1px solid #999;
	line-height: 1;
	margin-bottom: 20px;
	color: #999;
}

blockquote {
	margin: 0 20px 20px 20px;
	border: 1px solid #999;
	padding: 20px 20px 0.1em 20px;
}

pre {
margin-bottom:20px;
padding: 10px;
	border: 1px solid #999;
	display:block;
	overflow:scroll;
	font-size:1.3em;
}

code{ margin:0; padding:0;}

#content hr {
	 margin: 20px 0;
}

/************************************************/
/* post *****************************************/

#content .post ul,
#content .post ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

#content .post ul li {
	margin: 0;
	padding: 0;
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}

#content .post ol li {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
	list-style-position: outside;
}

#content .post dl { font-size: 1.3em;}
#content .post dt {
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left center;
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}
#content .post dd { margin: 0 0 20px 0; padding: 0 0 0 20px;}

table {
	margin-bottom: 20px;
	width: 100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

table th {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.5em;
	color: #f39;
}

table td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	font-size: 1.3em;
}

/************************************************/
/* .form ****************************************/

#comments,
#trackback {
	clear: both;
	margin: 0 0 40px 0;
}

#trackback { display: none;}

#content .form { clear:both; display:block;}

#content .field { padding:0; margin: 0 0 20px 0; display:block; clear:both; font-size: 1.3em;}
	
#content .field p { margin: 0; padding: 0; font-size: 1.0em;}

#content .field p label em { color: #f60; }

#content .field input.text,
#content .field select.text,
#content .field textarea.text { width:350px; border: 1px solid #999; padding: 5px;}

#content .field textarea.text { height: 80px; overflow: auto;}

#content .field input.submit {
	border: 1px solid #999;
	background-color:  #fff;
	color: #999;
	margin: 0;
	padding: 5px;
	width: 350px;
}

#content .field input.submit:hover {
	border: 1px solid #f60;
	color: #f60;
}

/************************************************/
/* wp-pagenavi **********************************/

.wp-pagenavi {
text-align: center;
padding-top: 15px;
margin-bottom: 30px;
clear: both;
display: block;
font-size: 1.3em;
}

.wp-pagenavi a {
	padding: 5px 10px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	color: #999;
border-radius: 5px; /* CSS3草案 */
/* -webkit-border-radius: 5px;    Safari,Google Chrome用 */
/*-moz-border-radius: 5px;    Firefox用 */
}

.wp-pagenavi a:hover {	
	border: 1px solid #f60;
	color: #f60;
}
.wp-pagenavi a:active {
	border: 1px solid #f60;
	color: #f60;
}
.wp-pagenavi span.pages {display:none;}

.wp-pagenavi span.current {
	padding: 5px 10px; 
	margin: 2px;
	border: 1px solid #f60;
	color: #f60;
border-radius: 5px; /* CSS3草案 */
/*-webkit-border-radius: 5px;     Safari,Google Chrome用 */
/*-moz-border-radius: 5px;    Firefox用 */
}

.wp-pagenavi span.extend {display: none;}

/* end ******************************************/
/************************************************/
/************************************************/