@charset "utf-8";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* ClearFix */
.clearfix:after { content: url(/common/images/null.gif); display: block; clear: both; height: 0; }

/* Common */
body {
	display: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
/*
	font-family: "RoゴシックStd-MA", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
*/
	padding: 27px 0px 0px 13px;
	font-size: 11px;
}
#Wrap {
	width: 1000px;
}
#Profile dd.TopContents,
#Works dd.TopContents,
#News dd.TopContents,
#Inquiry dd.TopContents,
#Basket dd.TopContents,
#Komimi dd.TopContents {
	margin-left: 10px;
	width: 848px;
	margin-bottom: 12px;
}
#Profile,
#Works {
	padding-bottom: 2px;
}
#News,
#Inquiry,
#Basket,
#Komimi {
	padding-bottom: 4px;
}
#SiteInfo {
	padding: 0px 0px 50px 10px;
}
#SiteInfo address {
	display: block;
	padding-top: 14px;
}

/* Menu */
/* アコーディオンのカテゴリの指定 */
#Wrap .TopMenu {
	width: 1000px;
	height: 50px;
	cursor: hand;
	cursor: pointer;
	display: block;
	z-index: 10;
	outline: none;
	position: relative;
	overflow: hidden;
}
#Wrap .TopMenu span {
	display: block;
	width: 1000px;
	height: 50px;
}
#Wrap #Komimi .TopMenu,
#Wrap #Komimi .TopMenu span {
	height: 100px;
}
#Wrap .TopMenu .Flash,
#Wrap .TopMenu #menu01,
#Wrap .TopMenu #menu02,
#Wrap .TopMenu #menu03,
#Wrap .TopMenu #menu04,
#Wrap .TopMenu #menu05,
#Wrap .TopMenu #komimi,
#Wrap .TopMenu object {
	z-index:0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}
#Wrap .TopMenu .Menu {
	z-index:5;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}
#Wrap .TopMenu .Menu img {
	visibility: hidden;
}
/* openheader はカテゴリが開いている状態のCSS */
#Wrap .TopContents {
}


/* ---------------------------------------------------
	Profile
---------------------------------------------------- */
#Copyrighter {
	padding-top: 25px;
	margin-top: 12px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
#RecentWorks,
#Award,
#Other {
	padding-top: 39px;
}
#Other {
	padding-bottom: 38px;
	background: url(/common/images/line_dot.gif) no-repeat left bottom;
}
#Profile .Block {
	padding-left: 5px;
}
#Profile .Block ul {
	list-style: disc;
	margin: -6px 0px 0px 13px;
}
#Profile .Block li {
	line-height: 120%;
	padding-top: 6px;
}
#Profile .Block .AndMore {
	padding-top: 15px;
}
#Profile .Block h2 {
	font-size: 17px;
	line-height: 120%;
	padding-bottom: 14px;
}
#Copyrighter .History {
	line-height: 155%;
	padding-bottom: 12px;
}
#Copyrighter th,
#Copyrighter td {
	line-height: 120%;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding-top: 6px;
}
#Copyrighter th {
	width: 70px;
}


/* ---------------------------------------------------
	Works
---------------------------------------------------- */
#Works dd.TopContents {
	padding-bottom: 38px;
	background: url(/common/images/line_dot.gif) no-repeat left bottom;
}
#Works ul.TopList {
	margin-top: 12px;
	padding-top: 3px;
	padding-left: 5px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
#Works ul.TopList li {
	font-size: 0;
	display: inline;
}
body #Wrap #Works ul.TopList li a {
	text-decoration: none;
	background-color: #FFF;
}
#Works ul.TopList li a img {
	border: 1px solid #DADADB;
	vertical-align: top;
	margin: 23px 7px 0px 0px;
}

/* ---------------------------------------------------
	Works Blog
---------------------------------------------------- */
#Works dd .BlogWrap {
	margin-top: 12px;
	padding-top: 30px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
#Works #EntryHeader {
	width: 848px;
	padding-bottom: 16px;
}
#Works #EntryHeader h2 {
	font-size: 22px;
	line-height: 120%;
	float: left;
	width: 611px;
}
#Works #EntryHeader .BackIndex {
	float: right;
	width: 230px;
	font-size: 13px;
	line-height: 120%;
	padding-top: 5px;
}
#Works #EntryHeader .BackIndex p {
	padding-left: 13px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#Works #EntryHeader .BackIndex a:link,
#Works #EntryHeader .BackIndex a:visited {
	text-decoration: none;
}
#Works .WorksBlock {
	font-size: 0px;
	line-height: 100%;
	margin-top: -11px;
}
body.SetColorC #Wrap .WorksBlock a:hover,
body.SetColorC #Wrap .WorksBlock a:active,
body.SetColorM #Wrap .WorksBlock a:hover,
body.SetColorM #Wrap .WorksBlock a:active,
body.SetColorY #Wrap .WorksBlock a:hover,
body.SetColorY #Wrap .WorksBlock a:active,
body.SetColorK #Wrap .WorksBlock a:hover,
body.SetColorK #Wrap .WorksBlock a:active {
	border: none;
	background: none;
}
#Works .WorksBlock img {
	border: 1px solid #DADADB;
	margin: 11px 11px 0px 0px;
	vertical-align: top;
}
#Works .BlogNavi {
	padding-top: 12px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
#Works .BlogNavi th,
#Works .BlogNavi td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	line-height: 120%;
	padding-bottom: 8px;
}
#Works .BlogNavi .WorksComment {
	padding-top: 21px;
	font-size: 11px;
	line-height: 155%;
}


/* ---------------------------------------------------
	Blog
---------------------------------------------------- */
#News dd.TopContents,
#Basket dd.TopContents,
#Komimi dd.TopContents {
	padding-bottom: 38px;
	background: url(/common/images/line_dot.gif) no-repeat left bottom;
}
#News dd .BlogWrap,
#Basket dd .BlogWrap,
#Komimi dd .BlogWrap {
	margin-top: 12px;
	padding-top: 30px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
/*
#News dd.TopContents,
#Basket dd.TopContents,
#Komimi dd.TopContents {
	margin-top: 12px;
	padding-top: 30px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
#News dd .BlogWrap,
#Basket dd .BlogWrap,
#Komimi dd .BlogWrap {
	padding-bottom: 38px;
	background: url(/common/images/line_dot.gif) no-repeat left bottom;
}
*/

/* BlogLayout */
.BlogWrap {
	width: 848px;
}
.BlogContents {
	float: left;
	width: 611px;
}
.BlogNavi {
	float: right;
	width: 230px;
}


/* NewsBlog */
.BlogContents .Block {
	margin-left: 5px;
	margin-bottom: 49px;
}
.BlogContents .Block .EntryInfo {
	font-size: 10px;
	line-height: 120%;
	padding-bottom: 8px;
}
.BlogContents .Block h2 {
	font-size: 22px;
	line-height: 120%;
}
.BlogContents .Block .EntryBody {
}
.BlogContents .Block .EntryBody p {
	font-size: 11px;
	line-height: 155%;
	margin-top: 15px;
}

/* BlogNavi */
.BlogNavi dt {
	font-size: 13px;
	line-height: 120%;
	background: url(/common/images/line_dot.gif) no-repeat left bottom;
	letter-spacing: 2px;
	padding: 4px 0px 9px 5px;
}
.BlogNavi dd {
	margin: 0px 0px 0px 5px;
}
.BlogNavi .NaviArchives {
	margin-top: 18px;
	margin-bottom: 28px;
}
.BlogNavi .NaviCategories,
.BlogNavi .NaviFeed {
	margin-top: 11px;
}
.BlogNavi .NaviCategories ul {
}
.BlogNavi .NaviCategories li,
.BlogNavi .NaviFeed li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 120%;
	padding-left: 13px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
/*
#SearchBox {
	border: 1px solid #9FA0A0;
	height: 20px;
	width: 160px;
	margin-right: 5px;
}
.BlogNavi .NaviSerach input {
	vertical-align: top;
}
*/
.BlogNavi .NaviArchives select,
.BlogNavi .NaviArchives select option {
	font-size: 11px;
}
.BlogNavi .FeedIcon {
	margin-top: 28px;
}
.BlogNavi .NaviFeed li {
	padding-left: 15px;
	background-position: 0px 3px;
}


/* ---------------------------------------------------
	Basket
---------------------------------------------------- */
#Basket .BlogContents .Block,
#Komimi .BlogContents .Block {
	margin-bottom: 49px;
}
#Basket .BlogContents .EntryComment {
	margin-top: 39px;
}


/* ---------------------------------------------------
	Inquiry
---------------------------------------------------- */
#Inquiry dd.TopContents {
	padding-bottom: 38px;
	background: url(/common/images/line_dot.gif) no-repeat left bottom;
}
#Inquiry .ContentsWrap {
	padding-left: 5px;
	margin-top: 12px;
	padding-top: 26px;
	background: url(/common/images/line_dot.gif) no-repeat left top;
}
#Inquiry .ReadText {
	font-size: 13px;
	line-height: 146%;
}
#Inquiry .InquiryList {
	margin: 0px 0px 45px 0px;
}
#Inquiry .InquiryList li {
	font-size: 19px;
	line-height: 120%;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-top: 21px;
	padding-left: 22px;
}
#Inquiry .Map .MapImage {
	width: 452px;
	height: 339px;
	text-indent: -999px;
	background-position: left top;
	background-repeat: no-repeat;
}
#Inquiry .Map .Address {
	font-size: 11px;
	line-height: 155%;
	margin-top: 9px;
}
body #Wrap #Inquiry a {
	text-decoration: none;
}

/* ---------------------------------------------------
	ColorChip
---------------------------------------------------- */
#ColorChip {
	height: 21px;
	width: 83px;
	position: absolute;
	left: 789px;
	top: 0px;
	background-image: url(/common/images/color_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#ColorChip ul {
	height: 21px;
	width: 83px;
	background-repeat: no-repeat;
	background-position: left top;
}
#ColorChip ul.ColorC { background-image: url(/common/images/color_c.gif); }
#ColorChip ul.ColorM { background-image: url(/common/images/color_m.gif); }
#ColorChip ul.ColorY { background-image: url(/common/images/color_y.gif); }
#ColorChip ul.ColorK { background-image: url(/common/images/color_bk.gif); }
#ColorChip li {
	position: absolute;
	height: 21px;
	width: 83px;
	top: 0px;
}
#ColorChip li#ChipC { left: 3px; }
#ColorChip li#ChipM { left: 23px; }
#ColorChip li#ChipY { left: 43px; }
#ColorChip li#ChipK { left: 63px; }
#ColorChip li a {
	display: block;
	height: 11px;
	width: 19px;
	font-size: 0px;
	text-indent: -9999px;
	outline: none;
	background-color: none;
}


/* ---------------------------------------------------
	Color Setting
---------------------------------------------------- */
/* Set Common */
body #Wrap a:link,
body #Wrap a:visited {
	text-decoration: underline;
}
body #Wrap a:hover,
body #Wrap a:active {
	text-decoration: none;
}

/* Set Black [Default] */
body.SetColorK #Wrap,
body.SetColorK #Wrap th,
body.SetColorK #Wrap td {
	color: #727171;
}
body.SetColorK #Wrap .BlogContents .Block h2,
body.SetColorK #Wrap .BlogNavi dt {
	color: #595757;
}
body.SetColorK #Wrap a:link,
body.SetColorK #Wrap a:visited {
	color: #727171;
}
body.SetColorK #Wrap a:hover,
body.SetColorK #Wrap a:active {
	color: #FFF;
	background-color: #727171;
}
body.SetColorK #Inquiry .InquiryList li {
	background-image: url(/common/images/listhead_arrow_large_k.gif);
}
body.SetColorK #Inquiry .Map .MapImage {
	background-image: url(/wp/wp-content/uploads/2009/09/map_k.gif);
}
body.SetColorK .BlogNavi .NaviCategories li {
	background-image: url(/common/images/listhead_arrrow_k.gif);
}
body.SetColorK .BlogNavi .NaviFeed li {
	background-image: url(/common/images/rss_k.png);
}
body.SetColorK #EntryHeader .BackIndex p {
	background-image: url(/common/images/linkback_arrrow_k.gif);
}


/* Set Cyan */
body.SetColorC #Wrap,
body.SetColorC #Wrap th,
body.SetColorC #Wrap td {
	color: #00A0E9;
}
body.SetColorC #Wrap a:link,
body.SetColorC #Wrap a:visited {
	color: #00A0E9;
}
body.SetColorC #Wrap a:hover,
body.SetColorC #Wrap a:active {
	color: #FFF;
	background-color: #00A0E9;
}
body.SetColorC #Inquiry .InquiryList li {
	background-image: url(/common/images/listhead_arrow_large_c.gif);
}
body.SetColorC #Inquiry .Map .MapImage {
	background-image: url(/wp/wp-content/uploads/2009/09/map_c.gif);
}
body.SetColorC .BlogNavi .NaviCategories li {
	background-image: url(/common/images/listhead_arrrow_c.gif);
}
body.SetColorC .BlogNavi .NaviFeed li {
	background-image: url(/common/images/rss_c.png);
}
body.SetColorC #EntryHeader .BackIndex p {
	background-image: url(/common/images/linkback_arrrow_c.gif);
}

/* Set Magenta */
body.SetColorM #Wrap,
body.SetColorM #Wrap th,
body.SetColorM #Wrap td {
	color: #FB0091;
}
body.SetColorM #Wrap a:link,
body.SetColorM #Wrap a:visited {
	color: #FB0091;
}
body.SetColorM #Wrap a:hover,
body.SetColorM #Wrap a:active {
	color: #FFF;
	background-color: #FB0091;
}
body.SetColorM #Inquiry .InquiryList li {
	background-image: url(/common/images/listhead_arrow_large_m.gif);
}
body.SetColorM #Inquiry .Map .MapImage {
	background-image: url(/wp/wp-content/uploads/2009/09/map_m.gif);
}
body.SetColorM .BlogNavi .NaviCategories li {
	background-image: url(/common/images/listhead_arrrow_m.gif);
}
body.SetColorM .BlogNavi .NaviFeed li {
	background-image: url(/common/images/rss_m.png);
}
body.SetColorM #EntryHeader .BackIndex p {
	background-image: url(/common/images/linkback_arrrow_m.gif);
}

/* Set Yellow */
body.SetColorY #Wrap,
body.SetColorY #Wrap th,
body.SetColorY #Wrap td {
	color: #FFD700;
}
body.SetColorY #Wrap a:link,
body.SetColorY #Wrap a:visited {
	color: #FFD700;
}
body.SetColorY #Wrap a:hover,
body.SetColorY #Wrap a:active {
	color: #FFF;
	background-color: #FFD700;
}
body.SetColorY #Inquiry .InquiryList li {
	background-image: url(/common/images/listhead_arrow_large_y.gif);
}
body.SetColorY #Inquiry .Map .MapImage {
	background-image: url(/wp/wp-content/uploads/2009/09/map_y.gif);
}
body.SetColorY .BlogNavi .NaviCategories li {
	background-image: url(/common/images/listhead_arrrow_y.gif);
}
body.SetColorY .BlogNavi .NaviFeed li {
	background-image: url(/common/images/rss_y.png);
}
body.SetColorY #EntryHeader .BackIndex p {
	background-image: url(/common/images/linkback_arrrow_y.gif);
}


/* ---------------------------------------------------
	Blog Comment
---------------------------------------------------- */
.commentlist {
	list-style: none;
}
.commentlist .comment {
	padding-top: 27px;
	font-size: 11px;
	line-height: 155%;
}
#respond {
	padding-top: 39px;
	font-size: 11px;
	line-height: 155%;
}
#commentform p {
	padding-bottom: 3px;
}