@charset "UTF-8";

/*

Theme Name: K2
Author: Hideki Nakamura
Author URI: http://artvecta.com/

*/

/* 
*		---------------------------------------------------------------------
*
*		font
*
*		---------------------------------------------------------------------
*/

body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}

* {
	margin: 0; 
	padding: 0;
	line-height: 1.6;
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}

h1 {
	font-size: 189%;
}
h2 {
	font-size: 159%;
}
h3 {
	font-size: 144%;
}
h4 {
	font-size: 122%;
}
h5 {
	font-size: 107%;
}
h6 {
	font-size: 107%;
}

/* for Opera6 */
html *>b?_ody h1, [xfilter],
html *>b?_ody h2, [xfilter],
html *>b?_ody h3, [xfilter],
html *>b?_ody h4, [xfilter],
html *>b?_ody h5, [xfilter],
html *>b?_ody h6, [xfilter], {
	font-size: 1em;
}

.xxx-large { font-size:189%; } /*32px*/
.xx-large  { font-size:159%; } /*24px*/
.x-large   { font-size:144%; } /*21px*/
.large     { font-size:122%; } /*18px*/
.x-mid		 { font-size:114%; }
.mid       { font-size:107%; } /*16px = 12pt*/
.small     { font-size:100%; } /*13px*/
.x-small   { font-size: 92%; } /*11px*/
.xx-small  { font-size: 84%; } /*10px*/

.lh12			 { line-height: 1.2 !important; }
.lh14			 { line-height: 1.4 !important; }
.lh16			 { line-height: 1.6 !important; }
.lh18			 { line-height: 1.8 !important; }
.lh20			 { line-height: 2 !important; }

a:link     { color:#007dc5; text-decoration:none; }
a:visited  { color:#007dc5; text-decoration:none; }
a:hover    { color:#339900;  }
a:active   { color:#339900; }

/* 
*		---------------------------------------------------------------------
*
*		Basic
*
*		---------------------------------------------------------------------
*/

body { margin: 0; padding: 0; height: 100%; }
img  { border: none; }
hr   { visibility: hidden; clear: both; }
div  { zoom:1; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.listNone li { list-style: none; }
.innnerList  { margin-left: 40px; margin-bottom: 0; }
.alert       { color: #CC0000; }

/* 
*		---------------------------------------------------------------------
*
*		ボックスモデル
*
*		---------------------------------------------------------------------
*/
#topContentsWrap,#contentsWrap { margin: 0 auto; padding: 24px 0 0; width: 818px; }
#breadColumn                   { margin: 0; padding: 15px 5px 25px; clear: both; }
#contentsBody                  { margin: 0 0 60px 5px; padding: 0 0 40px; width: 590px; float: left; }
#contentsInnnerWrap            { padding: 20px 20px 0; margin: 0; }
#sidebar                       { margin: 0 5px 0 0; padding: 0 0 40px; width: 185px; float: right; }
#footer                        { margin: 60px 0 0; padding: 4px 0 25px; border-top: 1px solid #000; clear: both; }
#newsHeadLine                  { padding: 0 4px; margin: 0; }
#newsHeadLine dl               { margin: 0; padding: 0; }

/* 
*		---------------------------------------------------------------------
*
*		ヘッダーメニュー
*
*		---------------------------------------------------------------------
*/

#logo { margin: 0; padding: 0; width: 90px; height: 60px; float: left; line-height: 0; }
#globalMenuWrap    { margin: 20px 0 0; padding: 16px 0 0; width: 708px; float: right; background: url(/images/categoryName.gif) no-repeat left top; }
#globalMenuWrap ul { margin: 0; padding: 0; height: 20px; }
#globalMenuWrap li { list-style: none; display: inline; height: 20px; float: left;  }
#globalMenuWrap a  { padding: 0; display: block; height: 20px; text-indent: -9999px; background-image: url(img/globalmenu.gif); background-repeat: no-repeat; }

#mAbout            { width: 130px; }
#mKimuraK          { margin-left: 42px; width: 68px; background-position: 0 -20px; }
#mKumakiriK        { margin-left: 12px; width: 68px; background-position: 0 -40px; }
#mKumakiriD        { margin-left: 12px; width: 68px; background-position: 0 -60px; }
#mNews             { margin-left: 90px; width: 70px; background-position: 0 -80px; }
#mContact          { margin-left: 33px; width: 92px; background-position: 0 -100px; }

a#mAbout:hover     { background-position: -150px 0; }
a#mKimuraK:hover   { background-position: -150px -20px; }
a#mKumakiriK:hover { background-position: -150px -40px; }
a#mKumakiriD:hover { background-position: -150px -60px; }
a#mNews:hover      { background-position: -150px -80px; }
a#mContact:hover   { background-position: -150px -100px; }



#globalMenuWrap2    { margin: 20px 0 0; padding: 16px 0 0; width: 708px; float: right; background: url(img/categoryName2.gif) no-repeat left top; }
#globalMenuWrap2 ul { margin: 0; padding: 0; height: 20px; }
#globalMenuWrap2 li { list-style: none; display: inline; height: 20px; float: left;  }
#globalMenuWrap2 a  { padding: 0; display: block; height: 20px; text-indent: -9999px; background-image: url(img/globalmenu.gif); background-repeat: no-repeat; }

#globalMenuWrap2 #mAbout            { width: 130px; }
#globalMenuWrap2 #mKimuraK          { margin-left: 22px; width: 68px; background-position: 0 -20px; }
#globalMenuWrap2 #mKumakiriK        { margin-left: 12px; width: 68px; background-position: 0 -40px; }
#globalMenuWrap2 #mKumakiriD        { margin-left: 12px; width: 68px; background-position: 0 -60px; }
#globalMenuWrap2 #mGallery          { margin-left: 20px; width: 90px; background-position: 0 -120px; }
#globalMenuWrap2 #mNews             { margin-left: 10px; width: 70px; background-position: 0 -80px; }
#globalMenuWrap2 #mContact          { margin-left: 20px; width: 92px; background-position: 0 -100px; }

#globalMenuWrap2 a#mAbout:hover     { background-position: -150px 0; }
#globalMenuWrap2 a#mKimuraK:hover   { background-position: -150px -20px; }
#globalMenuWrap2 a#mKumakiriK:hover { background-position: -150px -40px; }
#globalMenuWrap2 a#mKumakiriD:hover { background-position: -150px -60px; }
#globalMenuWrap2 a#mNews:hover      { background-position: -150px -80px; }
#globalMenuWrap2 a#mContact:hover   { background-position: -150px -100px; }
#globalMenuWrap2 a#mGallery:hover   { background-position: -150px -120px; }

/* 
*		---------------------------------------------------------------------
*
*		フッター
*
*		---------------------------------------------------------------------
*/

#footer { background: url(img/copyright.gif) no-repeat 0 5px; text-indent: -9999px; }

/* 
*		---------------------------------------------------------------------
*
*		パンくずリスト
*
*		---------------------------------------------------------------------
*/


/* 
*		---------------------------------------------------------------------
*
*		TOP
*
*		---------------------------------------------------------------------
*/
#top_img { padding: 30px 0; }
dt.topicsDate
{
	padding: 4px 0;
	float: left;
	width: 7em;
	text-align: center;
}
dd.topicsText
{
	padding: 4px 0;
	margin: 0 0 0 8em;
}

/* 
*		---------------------------------------------------------------------
*
*		ABOUT
*
*		---------------------------------------------------------------------
*/
#aboutK2      { margin: 25px 0 0; padding: 30px 0 0; background: url(/images/slash.gif) repeat-x; }
#aboutK2 p    { line-height: 1.8; padding-top: 20px; }
h2#about      { margin: 25px 0 0; padding: 0; background: url(img/titleAbout.gif) no-repeat; text-indent: -9999px; }

/* 
*		---------------------------------------------------------------------
*
*		NEWS
*
*		---------------------------------------------------------------------
*/

h2#news      { margin: 25px 0 0; padding: 0; background: url(img/titleNews.gif) no-repeat; text-indent: -9999px; }
#newsK2      { margin: 25px 0 0; padding: 30px 0 0; background: url(/images/slash.gif) repeat-x; }

/* 
*		---------------------------------------------------------------------
*
*		プロフィール
*
*		---------------------------------------------------------------------
*/

#photographerName      { margin: 0; padding: 0 0 30px; position: relative; background: url(/images/slash.gif) left bottom repeat-x; }
#photographerName h2   { margin: 0; padding: 0; position: absolute; top: 270px; left: 250px; width: 340px; line-height: 1; }
#photographerName span { margin: 0; padding: 0; position: absolute; top: 295px; left: 250px; width: 340px; line-height: 1; font-family:Arial, Helvetica, sans-serif; }
#photographerName img  { margin: 0; padding: 0; height: 320px; }
#photographerName .blg { margin: 0; padding: 0; position: absolute; top: 320px; left: 250px; }

#keiichiKimura   { background: url(/profile/img/nameImg01.gif) no-repeat; text-indent: -9999px; }
#keisukeKumakiri { background: url(/profile/img/nameImg02.gif) no-repeat; text-indent: -9999px; }
#daisukeKumakiri { background: url(/profile/img/nameImg03.gif) no-repeat; text-indent: -9999px; }

#faces { margin: 0; padding: 0; height: 320px; width: 245px; list-style: none; position: relative; }
#faces li{
display:block;
position:absolute;
width:245px;
height:320px;
text-indent:-9999px;
z-index:10;
}
#faces .f0{ background: url(/profile/img/k_0001.jpg) no-repeat; }
#faces .f1{ background: url(/profile/img/k_0002.jpg) no-repeat; }
#faces .f2{ background: url(/profile/img/k_0003.jpg) no-repeat; }
#faces .f3{ background: url(/profile/img/k_0004.jpg) no-repeat; }
#faces .f4{ background: url(/profile/img/k_0005.jpg) no-repeat; }

#faces .f0K{ background: url(/profile/img/k_0006.jpg) no-repeat; }
#faces .f1K{ background: url(/profile/img/k_0007.jpg) no-repeat; }
#faces .f2K{ background: url(/profile/img/k_0009.jpg) no-repeat; }
#faces .f3K{ background: url(/profile/img/k_0010.jpg) no-repeat; }
#faces .f4K{ background: url(/profile/img/k_0012.jpg) no-repeat; }

#faces .f0D{ background: url(/profile/img/dk_0001.jpg) no-repeat; }
#faces .f1D{ background: url(/profile/img/dk_0002.jpg) no-repeat; }
#faces .f2D{ background: url(/profile/img/dk_0003.jpg) no-repeat; }
#faces .f3D{ background: url(/profile/img/dk_0004.jpg) no-repeat; }

h3.profileItemName { margin: 30px 0 12px; padding: 0; height: 36px; background: url(/images/dotLine.gif) 0 1.8em repeat-x; font-weight: bold; }

dl.profileChronology { margin: 0; padding: 0; }
dl.profileChronology dt { width: 5em; float: left; }
dl.profileChronology dd { margin-left: 5em; }

ul.profileOfficialPosition { margin: 0; padding: 0; }


/* 
*		---------------------------------------------------------------------
*
*		CONTACT
*
*		---------------------------------------------------------------------
*/
#contactK2           { margin: 25px 0 0; padding: 30px 0 0; background: url(/images/slash.gif) repeat-x; }
#contact             { margin: 25px 0 0; padding: 0; background: url(img/titleContact.gif) no-repeat; text-indent: -9999px; }
#contactFormWrap     { margin: 40px 0 0; padding: 20px 20px 30px; background-color: #f4f4f4; border-top: 1px dotted #b7b7b7; }
#contactFormTable    { margin: 0 auto; padding: 0; }
#contactFormTable dd { padding: 0 0 8px; vertical-align: top; }
#contactFormTable textarea { width: 400px; }

#contactFormTable #author, #contactFormTable #email, #contactFormTable #comment { border: 1px dotted #b7b7b7; padding: 3px; } 
.cValue						{ padding-left: 10px !important; }
.cw300            { width: 300px; }
.formAlert        { background-color: #FFFF99; }

#sendMsg          { padding: 10px; margin: 20px 0; border-top: 1px dotted #b7b7b7; background-color: #fff; }

/* 
*		---------------------------------------------------------------------
*
*		sideBar
*
*		---------------------------------------------------------------------
*/

.sidebarTitle    { background: url(img/sidebarBg.gif) repeat-x; height: 24px; }
.sidebarTitle h4 { margin: 0; padding: 4px; }

#archivesList, #recentEntry       { margin: 0 0 30px; padding: 0; list-style: none; }
#archivesList li, #recentEntry li { margin: 0; padding: 4px 4px 4px 20px; border-bottom: 1px dotted #b7b7b7;/* background: url(img/linkArrow.gif) no-repeat;*/ }

#archivesList li { background: url(img/calender.gif) no-repeat 6px left; }
#recentEntry  li { background: url(img/article.gif) no-repeat 6px left; }

/* 
*		---------------------------------------------------------------------
*
*		post
*
*		---------------------------------------------------------------------
*/

div.post         { margin: 0; padding: 0 0 40px;/* width: 485px;*/ }
div.post h1      { margin: 0; padding: 6px 0 6px; border-top: 1px solid #b7b7b7; }
div.post h1 span { margin: 0 0 0 1px; padding: 0 10px; display: block; border-left: 4px solid #e20000; }
div.post h2      { margin: 0; padding: 6px 0 6px; border-top: 1px solid #b7b7b7; }
div.post h2 a    { margin: 0 0 0 1px; padding: 0 10px; display: block; border-left: 4px solid #e20000; color: #000; }
div.post p       { margin: 16px 0; padding: 0; }

div.storycontent { margin: 0; padding: 18px 6px; }
div.theDate      { margin: 30px 0 40px; padding: 6px; border-top: 1px solid #b7b7b7; }
div.theDateS     { padding: 6px; border-top: 1px solid #b7b7b7; }

div.storycontent img { margin: 5px 0; padding: 9px; border: 1px solid #aaa; }
img.noBorder         { padding: 0 !important; border: none !important; }

/* 
*		---------------------------------------------------------------------
*
*		coment
*
*		---------------------------------------------------------------------
*/
#commentFormWrap   { margin: 40px 0 0; padding: 10px 12px; background-color: #f4f4f4; border-top: 1px dotted #b7b7b7; }
#commentFormWrap p { margin: 8px 0; }
#comments h3  { margin: 0; padding: 6px 0 0; border-top: 1px solid #b7b7b7; }
/*h3.comStart   { margin: 30px 0 0 1px; padding: 0 10px; display: block; border-left: 4px solid #000; }*/
div.com       { margin: 0;/* padding: 6px;*//* border-bottom: 1px solid #000;*/ }
#trackBack    { margin: 0 0 25px; padding: 9px; /*border: 1px solid #000;*/ background-color: #f4f4f4; text-align: center; }

.comMeta      { background-color: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 2px; text-indent: 5px; }
.comText      { padding: 10px; }
.comAuthor    { color: #99001d; }

#commentFormWrap #author, #commentFormWrap #email, #commentFormWrap #comment { border: 1px dotted #b7b7b7; padding: 3px; } 
#submit       { margin: 10px 0; }

/*body#newsArticle
{
	margin: 0;
	padding: 30px 0 50px 50px;
}
#menuItems
{
	width: 150px;
	float: left;
}
#newsWrap
{
	width: 540px;
	border-top: 2px solid #000;
	float: left;
}
#newsTitle
{
	height: 72px;
	line-height: 72px;
}

.newslink
{
	margin: 0;
	padding: 8px;
	border: 1px solid #c9c9c9;
}

#newsFooter
{
	margin-top: 50px;
	clear:both;
}*/