@charset "utf-8";
/*
Theme Name: Kiuchi Yoshiaki Web Site
Theme URI: http://www.artist-union.com/
Description: デフォルトテーマ
Version: 0.9b
Author: Artist-union
Author URI: http://www.artist-union.com/
Tags: XHTML 1.0
*/

@import url("css/reset.css");

/* ################################################################################ */
/*        　                                                                        */
/*        ●全ページ共有CSS                                                         */
/*        　                                                                        */
/* ################################################################################ */


/* ================================================================================ */
/*      ページ背景等                                                                */
/* ================================================================================ */

body {
	margin: 0 auto;
	width: 800px;
}

div.wrapper {
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	clear: left;
	width: 798px;
	color: #333333;
	background-color: #FFFFFF;
	/*background-image: url(images/shared/page_bg.gif);
	background-position: top;
	background-repeat: no-repeat;*/
}

div.wrapper div.container {
	background-image: url(images/shared/sidebar_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 1px;
}


/* ================================================================================ */
/*      ヘッダー                                                                    */
/* ================================================================================ */

div.header {
	border-top: solid 3px #FF9900;
	display: inline-block;
	width: 798px;
/*	background-image: url(images/shared/header_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;*/
}

div.header:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.header p.logo {
	margin-top: 12px;
	margin-right: 42px;
	padding-bottom: 10px;
	float: left;
	width: 136px;
}

div.header p.copy {
	margin-top: 25px;
	margin-right: 30px;
	float: left;
	width: 302px;
}

div.header h1 {
	margin-top: 25px;
	float: left;
	width: 275px;
}



/* ================================================================================ */
/*      コンテンツ                                                                  */
/* ================================================================================ */

div.wrapper div.container div.mainColumn {
	float: right;
	width: 569px;
}


/* ================================================================================ */
/*      サイドバー                                                                  */
/* ================================================================================ */

div.wrapper div.container div.aside {
	margin-right: 13px;
	border-right: solid 1px #CCCCCC;
	display: inline;
	float: right;
	width: 215px;
}

/* -------------------------------------------------------------------------------- */
/*      メインメニュー                                                              */
/* -------------------------------------------------------------------------------- */

div.wrapper div.container div.aside ul.nav li a img {
	vertical-align: top;
}

/* -------------------------------------------------------------------------------- */
/*      サブメニュー                                                                */
/* -------------------------------------------------------------------------------- */

div.wrapper div.container div.aside ul.subnav {
	margin: 12px 15px;
}

div.wrapper div.container div.aside ul.subnav li {
	margin-bottom: 3px;
	padding-left: 15px;
	background-image: url(images/shared/list-marker02.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	line-height: 1.3;
}

div.wrapper div.container div.aside ul.subnav li a {
	color: #333333;
	background-color: inherit;
	font-size: 80%;
}

div.wrapper div.container div.aside ul.subnav li a:hover {
	color: #0000CC;
	background-color: inherit;
}


/* -------------------------------------------------------------------------------- */
/*      携帯サイト                                                                  */
/* -------------------------------------------------------------------------------- */

div.wrapper div.container div.aside dl.mobileInfo dt {
	margin: 12px 10px 8px 8px;
	display: inline;
	float: left;
	width: 66px;
}

div.wrapper div.container div.aside dl.mobileInfo dd {
	margin: 12px 10px 8px 0px;
	padding-top: 2px;
	display: inline;
	float: left;
	width: 120px;
	line-height: 1.4;
	color: #333333;
	background-color: inherit;
	font-size: 10px;
}

div.wrapper div.container div.aside form.wpcf7-form {
	clear: left;
	width: 215px;
}

div.wrapper div.container div.aside form.wpcf7-form ul {
	position: relative;
}

div.wrapper div.container div.aside form.wpcf7-form ul li input.mobileInfo {
	margin-left: 10px;
	border: solid 1px #999999;
	width: 115px;
	font-size: 10px;
}

div.wrapper div.container div.aside form.wpcf7-form ul li input.mobileInfoSubmit {
/*	border: none;*/
	width: 58px;
/*	height: 17px;*/
	vertical-align: middle;
/*	background-image: url(images/shared/sidebar_mobile-subumit-btn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;*/
	font-size: 10px;
}

div.wpcf7-response-output {
	padding: 15px 10px 10px;
	line-height: 1.3;
	font-size: 80%;
}

div.wpcf7-mail-sent-ok {
	color: #006633;
	background-color: inherit;
}

div.wpcf7-validation-errors {
	color: #B03000;
	background-color: inherit;
}

span.wpcf7-not-valid-tip-no-ajax {
	display: block;
	position: absolute;
	top: 25px;
	left: 15px;
	color: #B03000;
	background-color: inherit;
	font-size: 10px;
}




/* -------------------------------------------------------------------------------- */
/*      サイト内検索                                                                */
/* -------------------------------------------------------------------------------- */

div.wrapper div.container div.aside h2.search {
	margin-bottom: 2px;
	padding-top: 12px;
	padding-left: 10px;
	border-top: solid 1px #CCCCCC;
}

div.wrapper div.container div.aside form.search {
	margin-bottom: 15px;
	padding-bottom: 14px;
	border-bottom: solid 1px #CCCCCC;
}

div.wrapper div.container div.aside form.search ul li input.search_text {
	margin-left: 10px;
	border: solid 1px #999999;
	width: 115px;
	font-size: 10px;
}

div.wrapper div.container div.aside form.search ul li input.search_button {
	/*border: none;*/
	width: 58px;
	/*overflow: hidden;*/
	vertical-align: middle;
	/*background-image: url(images/shared/sidebar_search-btn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;*/
	font-size: 10px;
}


/* -------------------------------------------------------------------------------- */
/*      その他                                                                      */
/* -------------------------------------------------------------------------------- */

div.wrapper div.container div.aside div.subspace {
	padding-bottom: 17px;
	border-bottom: solid 1px #CCCCCC;
}

div.wrapper div.container div.aside div.subspace ul li {
	text-align: center;
}

div.wrapper div.container div.aside div.subspace ul li a {
	line-height: 1.4;
	letter-spacing: 1px;
	color: #333333;
	background-color: inherit;
	font-size: 10px;
}

div.wrapper div.container div.aside div.subspace ul li a:hover {
	color: #0000CC;
	background-color: inherit;
}



/* ================================================================================ */
/*      フッター                                                                    */
/* ================================================================================ */

div.wrapper div.container div.footer {
	clear: both;
	width: 798px;
}