@charset "utf-8";

/*
Theme Name: Japanese Art Theme
Description: Japanese Art専用テーマ
Author: Relive
Version: 1.0
*/

/* リセットCSS -------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size:75%;
	color:#595959;
	line-height:200%;
	font-family: 'Myriad Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, Osaka, sans-serif;
}
ol, ul { list-style: none; }
#content li,
#content dt,
#content dd{
	font-size:100%;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* /リセットCSS end -------------------------------------------------- */


/* 凡庸CSS -------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*IE用*/
.clearfix { zoom: 100%; }

/*hover時の透明度*/
a:hover img {
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.7;	/*Firefox・Netscape*/
	opacity:0.7;	/*Opera・Safari*/
}

.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
/* /凡庸CSS end -------------------------------------------------- */



/*--------------------------------------
　全体CSS
---------------------------------------*/
body { font-size: 11px; }

#header,
#navi,
#container,
#pagetop p,
#footer .foot_wrapper {
	margin: 0 auto;
	width: 960px;
}
a {
	color: #333;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/*--------------------------------------
　ヘッダー
---------------------------------------*/

/*トップページ*/
#header .index_head { margin: 90px 0 60px; }
#header .index_head .fl {
	margin-top: 20px;
	width: 410px;
}
#header .index_head .fl .top_txt {
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	margin: 90px 0 15px;
}
#header .index_head .fl .top_icon { text-align: right; }


/*下層ページ*/
#header .page_logo { padding: 60px 0 50px; }


/*--------------------------------------
　グローバルナビ
---------------------------------------*/
#navi li { float: left; }


/*--------------------------------------
　フッター
---------------------------------------*/
#pagetop {
	margin: 0 auto;
	padding: 100px 0 20px;
	text-align: right;
}
.pagetop-intro { background-color: #262626; }

#footer {
	background-color: #f9f9f9;
	padding: 50px 0 20px;
}
#footer .foot_inner dl.fl { width: 320px; }
#footer .foot_inner dl.fl dt { margin-bottom: 8px; }
#footer .foot_inner dl.fl dd { line-height: 16px; }

#footer .foot_inner div.fr { width:480px; }
#footer .foot_inner div.fr ul {
	float: left;
	line-height: 30px;
	width: 160px;
}

#footer .copyright {
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	font-size: 11px;
	margin: 40px 0 0;
	padding: 3px 0;
	text-align: center;
}


/*--------------------------------------
　サイドバー
---------------------------------------*/
#sidebar {
	background-color: #111;
	color: #fff;
	float: right;
	padding: 2px;
}
#sidebar a { color: #fff; }
#sidebar .side_wrapper {
	border-top: solid 3px #292929;
	border-bottom: solid 3px #292929;
	padding: 30px 0;
	width: 156px;
}
#sidebar .side_inner {
	margin: 0 auto;
	width: 140px;
}

#sidebar .artist_num {
	background: url(/img/common/side_number.gif) no-repeat left bottom;
	font-size: 38px;
	margin: 0 15px 30px;
	padding-left: 45px;
}
#sidebar .index_cat { margin-top: 15px; }
#sidebar .index_cat li {
	float: left;
	padding: 0 12px 15px;
}
#sidebar .cat_list dd {
	margin-left: 12px;
	margin-right: 12px;
}

#sidebar .s_input {
	margin: 10px 0 5px;
	width: 136px;
}
#sidebar .s_btn { margin: 0 40px; }

/*--------------------------------------
　トップページ
---------------------------------------*/
.index_contents { margin-top: 80px; }

#news {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	float: left;
	padding: 25px 0 30px;
	width: 450px;
}
#news h3 { margin-bottom: 20px; }
#news li { margin-bottom: 5px; }

.bnr_box {
	float: right;
	width: 480px;
}
#viewer {
	width: 520px;
	min-height: 400px;
	max-height: 520px;
	text-align: center;
}


/*--------------------------------------
　下層ページ共通
---------------------------------------*/
.contents {
	border-top: solid 1px #ccc;
	margin-top: 60px;
	padding-top: 40px;
}
.cap_txt {
	line-height: 20px;
	margin: 20px 0 90px;
}
.english { font-size: 14px; }


/*--------------------------------------
　Information 藝術家年鑑とは
---------------------------------------*/
#info h3 { margin: 70px 0 90px; }
#info h4 { margin-bottom: 20px; }
#info h5 { margin-bottom: 25px; }


/*--------------------------------------
　Introduction 掲載作家一覧
---------------------------------------*/
#container-intro {
	background: #262626;
	margin-top: 60px;
	min-height: 540px;
}
#container-intro  #intro {
	border: none;
	margin: 0 auto;
	width: 960px;
}

#intro .intro_inner {
	color: #fff;
	float: left;
	width: 780px;
}
#intro .intro_inner a { color: #fff; }

#container-intro .contents_box { position: relative; }

#intro .cat_box {
	border-bottom: dotted 1px #fff;
	margin-bottom: 50px;
	padding-bottom: 20px;
}
#intro .cat_box h3 {
	border-left: solid 3px #fff;
	float: left;
	font-size: 15px;
	line-height: 16px;
	padding: 0 0 0 8px;
	width: 60px;
}
#intro .cat_box .artist {
	float: right;
	width: 708px;
}
#intro .cat_box .artist dl {
	float: left;
	margin: 0 10px 25px;
	width: 157px;
}
#intro .cat_box .artist dt {
	background-color: #000;
	margin-bottom: 7px;
	height: 157px;
	width: 157px;
}
#intro .cat_box .artist dt a {
	display: block;
	height: 157px;
	width: 157px;
}
#intro .cat_box .artist dt img {
	max-height: 157px;
	max-width: 157px;
}
#intro .cat_box .artist dd a,
#intro .cat_box .artist dd {
	font-size: 12px;
	line-height: 16px;
}
#intro .gray { color: #999; }


/*作家詳細ページ*/
#intro .artist_info {
	float: left;
	font-size: 12px;
	line-height: 18px;
	width: 180px;
}
#intro .artist_img {
	float: right;
	font-size: 12px;
	line-height: 18px;
	width: 560px;
}

#intro .artist_info .a_photo {
	background-color: #000;
	height: 80px;
	width: 80px;
}
#intro .artist_info dl { margin-bottom: 10px; }
#intro .artist_info dt {
	font-size: 16px;
	margin-bottom: 3px;
}
#intro .artist_info dd { font-size: 11px; }

#intro .artist_img .main_img { margin-bottom: 10px; }
#intro .artist_img .main_img p {
	background-color: #000;
	height: 560px;
	width: 560px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*for IE7 */  
*:first-child+html #intro .artist_img .main_img p { layout-grid-line: 560px; }

#intro .artist_img .main_img img {
	max-height: 520px;
	max-width: 520px;
}
#intro .artist_img ul { margin-bottom: 10px; }
#intro .artist_img li {
	background-color: #000;
	float: left;
	margin-right: 8px;
	height: 85px;
	width: 85px;
	position: relative;
}
#intro .artist_img li a {
	display: block;
	height: 85px;
	width: 85px;
}
#intro .artist_img li img {
	max-height: 85px;
	max-width: 85px;
}
#intro .back_btn {
	border-top: dotted 1px #fff;
	margin-top: 50px;
	padding-top: 20px;
	text-align: center;
}


/*--------------------------------------
　検索結果ページ
---------------------------------------*/
.s_ttl {
	background-color: #333;
	font-size: 12px;
	margin-bottom: 30px;
	padding: 5px 10px;
}
.s_box { text-align: center; }
.s_box h2 {
	font-size: 14px;
	margin-bottom: 5px;
}

.none_btn {
	margin: 5px 0 0 20px;
}

/*--------------------------------------
　FAQ よくあるご質問
---------------------------------------*/
#faq h3 {
	float: left;
	width: 200px;
}
#faq .qa_box {
	border-top: dotted 1px #c3c3c3;
	float: right;
	width: 760px;
}
#faq .qa_box dl {
	border-bottom: dotted 1px #c3c3c3;
	line-height: 18px;
	padding: 20px 0;
}
#faq .qa_box dt {
	background: url(/img/page/faq_q.gif) no-repeat left top;
	margin-bottom: 10px;
	padding-left: 45px;
}
#faq .qa_box dd {
	background: url(/img/page/faq_a.gif) no-repeat left top;
	padding-left: 45px;
}
#faq .qa_box dd a { text-decoration: underline; }
#faq .qa_box dd a:hover { text-decoration: none; }


/*--------------------------------------
　About 会社概要
---------------------------------------*/
#about h3 { margin-bottom: 30px; }
#about h4 {
	border-bottom: solid 1px #ccc;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#about .about_txt {
	border-top: dotted 1px #c3c3c3;
	margin: 0 20px 70px;
}
#about .about_txt dl {
	border-bottom: dotted 1px #c3c3c3;
}
#about .about_txt dt {
	background-color: #f9f9f9;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px;
	width: 120px;
}
#about .about_txt dd {
	float: left;
	padding: 10px 0 10px 20px;
}

#about .list_txt { padding: 0 20px; }
#about .list_txt p { margin-bottom: 20px; }


/*--------------------------------------
　Contact お問い合わせ
---------------------------------------*/
#contact .contact_tel {
	background: url(/img/page/contact_tel.gif) no-repeat right top;
	padding-bottom: 90px;
	width: 940px;
}
#contact .cap_txt {
	margin: 20px 0 0;
	width: 650px;
}

#contact .form_box {
	border-top: dotted 1px #c3c3c3;
	line-height: 30px;
	margin-bottom: 40px;
}
#contact .form_box dl { border-bottom: dotted 1px #c3c3c3; }
#contact .form_box dt {
	background-color: #f9f9f9;
	float: left;
	padding: 15px 25px;
	width: 160px;
}
#contact .form_box dt span {
	background: url(/img/page/contact_icon.gif) no-repeat right center;
	padding-right: 40px;
}
#contact .form_box dd {
	float: left;
	padding: 15px 25px;
}

#contact .form_box .width80 { width: 80px; }
#contact .form_box .width200 { width: 200px; }
#contact .form_box .width300 { width: 300px; }

/*プライバシーポリシー*/
#contact .privacy {
	border: solid 1px #ccc;
	margin-top: 80px;
	padding: 30px 30px 20px;
}
#contact .privacy p { margin: 30px 0 20px; }
#contact .privacy dt {
	font-size: 12px;
	font-weight: bold;
}
#contact .privacy dd { margin-bottom: 10px; }