@charset "UTF-8";

/*
	##### HOUSECO #####
	Copyright (C) KAYAC Inc. All Rights Reserved.

*/

/* //////////////////////////////////////////////////
[Base] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Zeroing out the margins and paddings
-------------------------------------------------- */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */

html { overflow-y: scroll; }

body {
	color: #333;
	font-family: Helvetica, Myriad, Arial, "Meiryo", "メイリオ", sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
/* for IE6 */
* html body {
	font-size: 82%;
	font-family: Helvetica, Myriad, Arial, "Meiryo", "メイリオ", sans-serif;
}

a{
	-webkit-transition: color 0.25s ease-in;
}

a:link {
	color: #669900;
	text-decoration: none;
}

a:visited {
	color: #669900;
	/*color: #46700e;*/
	text-decoration: none;
}

a:hover,
a:active {
	color: #75ad2c;
	text-decoration: underline;
}

::-moz-selection{
	background: #97c638;
	color: #fff;
}

::selection{
	background: #97c638;
	color: #fff;
}

/* --------------------------------------------------
	2. Headings, Paragraphs
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { line-height: 1; }

/* --------------------------------------------------
	3. Lists
-------------------------------------------------- */

ul, ol { list-style: none; }

/* --------------------------------------------------
	4. Tables
-------------------------------------------------- */

table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
/* for IE6,7 */
* html table { border-collapse: collapse; }
*:first-child+html table { border-collapse: collapse; }

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Forms
-------------------------------------------------- */

fieldset { border: none; }

input, textarea, select, label {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-family: inherit;
	vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"]{
	margin-right: 5px;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

/* --------------------------------------------------
	6. Others
-------------------------------------------------- */

/*  6-1. Inline Elements
----------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}

object {
	vertical-align: middle;
	outline: none;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

select{}

abbr, acronym {
	border: none;
	font-variant: normal;
}

q:before, q:after {
	content: '';
}

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}

code { font-family: monospace; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

/*  6-2. Block-level Elements
----------------------------------- */
hr { display: none; }

pre { font-family: monospace; }

/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	■■mod■■housecoGlobal
-------------------------------------------------- */
#housecoGlobal{
	position: absolute;
	top: 0;
	left: 0;
	background: #f5f5f5;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	height: 25px;
}

#housecoGlobalContent{
	width: 965px;
	margin: 0 auto;
}

/* housecoNav
----------------------------------- */
#housecoNav {
	float: right;
	background: url(/img/common/header/houseco_nav/bg_dot.png) no-repeat;
	padding-left: 1px;
}

#housecoNav li {
	background: #999966;
	float: left;
	background: url(/img/common/header/houseco_nav/bg_dot.png) 0 100%;
	padding-right: 1px;
}

#housecoNav a {
	display: block;
}

#housecoNav a:hover {
	text-decoration: none;
}

/* navSocialFeedbackGlobal
----------------------------------- */
#navSocialFeedbackGlobal {
	float: right;
	padding-top: 3px;
}

#navSocialFeedbackGlobal li {
	float: left;
	padding-left: 10px;
}

#navSocialFeedbackGlobal {
	*display: none;
}

/* --------------------------------------------------
	■■mod■■Base Layout
-------------------------------------------------- */
#container {
	width: 965px;
	margin: 0 auto;
	padding-top: 36px;
}

/* --------------------------------------------------
	■■mod■■layoutType
-------------------------------------------------- */

/* layoutType1
----------------------------------- */
.layoutType1 .layoutMain{
	float: left;
	width: 635px;
}

/* for IE6 */
* html body .layoutType1 .layoutMain{
	overflow: hidden;
}

.layoutType1 .layoutSub{
	float: right;
	width: 300px;
}

/* for IE6 */
* html body .layoutType1 .layoutSub{
	overflow: hidden;
}

/* layoutType2
----------------------------------- */
.layoutType2 .layoutMain{
	float: right;
	width: 476px;
}

.layoutType2 .layoutSub{
	float: left;
	width: 140px;
}

/* layoutType3
----------------------------------- */
.layoutType3Main{
	float: left;
	width: 306px;
	overflow: hidden;
}

.layoutType3Sub{
	float: right;
	width: 306px;
}

.layoutType3 h2{
	margin-bottom: 10px;
}

/* layoutType4 (1 column)
----------------------------------- */
.layoutType4{
	width: 100%;
}

/* --------------------------------------------------
	■■mod■■Header
-------------------------------------------------- */
#header {
	position: relative;
	margin-bottom: 10px;
	z-index: 10;
	zoom: 1;
	height: 78px;
}

/* siteName
----------------------------------- */
#siteName {
	position: absolute;
	top: 0;
	left: 0;
}

/* tagline
----------------------------------- */
#tagline {
	float: left;
	font-size: 77%;
	font-weight: normal;
	line-height: 25px;
	position: absolute;
	top: -36px;
	left: 0;
}

/* siteCounts
----------------------------------- */
#siteCounts{
	position: absolute;
	top: 25px;
	left: 180px;
	font-size: 93%;
}

#siteCounts p{
	margin-right: 10px;
}

#siteCounts dl{
	display: block;
	margin-bottom:3px;
}

#siteCounts dt,
#siteCounts dd{
	display: inline;
}

#siteCounts dd{
	margin-right: 1em;
	margin-left: 0.25em;
}

/* userNav
----------------------------------- */
#userNav{
	position: absolute;
	top: 0;
	left: 180px;
	width: 560px;
}

#userNavName{
	font-size: 85%;
	width: 210px;
}

#userNavName .avator{
	margin-right: 5px;
	float: left;
}

#userNavName .name{
	overflow: hidden;
	zoom: 1;
	line-height: 1.3;
}

/* beginnerNav
----------------------------------- */
#beginnerNav{
	margin-bottom: 12px;
}

#beginnerNav li{
	display:inline;
	font-size: 93%;
	margin-right: 8px;
	line-height: 12px;
}

#beginnerNav li a{
	padding-left: 8px;
	border-left: 1px solid #ccc;
}

#beginnerNav li.first-child a{
	border: none;
	padding-left: 0;
}

/* housecoContact
----------------------------------- */
#housecoContact{
	position: absolute;
	top: -5px;
	right: 0;
}

/* headerAd
----------------------------------- */
#headerAdWrapper {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

#headerAdWrapper2 {
	width: 965px;
	margin: 0 auto;
	position: relative;
}

#headerAd {
	position: absolute;
	right: 0;
	top: 25px;
}

/* siteNav
----------------------------------- */
#siteNav {
	margin: 20px 0 10px;
	text-align: center;
}

#siteNavLayer1{
	height: 50px;
	width: 966px;
}

.siteNavLayer1Item{
	z-index: 10;
	position: relative;
	float: left;
	height: 50px;
	padding-left: 1px;
}

.siteNavLayer1Item.works{
	padding-left: 0;
}

.siteNavLayer1Item a{
	display: block;
	background: #690;
	color: #fff;
}

.siteNavLayer2{
	position: absolute;
	top: 51px;
	left: 0;
	display: none;
	background: #fff;
	z-index: 10;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.siteNavLayer2Item{
	margin-top: 1px;
}

.siteNavLayer2Item a{
	background: #eee;
	color: #000;
}

/* topicPath
----------------------------------- */
#topicPath {
	zoom: 1;
	margin-bottom: 20px;
}

#topicPath ul {
	font-size: 93%;
}

#topicPath li {
	float: left;
	display: inline;
	background: url(/img/common/ico/ico_topicpath_01.png) 0 50% no-repeat;
	padding-left: 11px;
	margin-right: 7px;
}

#topicPath li.root {
	background: none;
	padding-left: 0;
}

#topicPath li.root a {
	background: url(/img/common/ico/ico_home_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

#topicPath .goPageTop {
	margin: 0;
}


/* siteSearch
----------------------------------- */
#siteSearch{
	overflow: hidden;
	position: relative;
	text-align: right;
	zoom: 1;
}

#siteSearch h2,
#siteSearch h3{
	display: inline;
	font-weight:normal;
}

#siteSearch p{
	display: inline;
}

#siteSearch input.keyword{
	height: 21px;
	margin: 0 5px;
	width: 180px;
	font-size: 131%;
}

#siteSearch .hotword{
	font-size: 75%;
	margin: 6px 0 0;
}

.boxSiteSearchMain{
	background: #eee;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1px;
}

.boxSiteSearchMainInner{
	width: 370px;
	margin: 0 auto;
}

.boxSiteSearchMain img{
	vertical-align: baseline;
}

.boxSiteSearchMain .textbox{
	width: 190px;
}

.boxSiteSearchMain .note{
	text-align: center;
}

.boxSiteSearchNav{
	padding: 10px;
	background: #eee;
}

.boxSiteSearchNavInner{
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.boxSiteSearchNav .listItemized.col3{
	margin: 0.5em 0 0;
}

.boxSiteSearchNav .listItemized.col3 li{
	min-width: 0;
	margin-right: 1.5em;
}

.searchResultCount{
	margin: 10px 0;
}

.listQaResult li{
	margin-bottom: 15px;
}

/* migiue
----------------------------------- */
#migiue{
	position: absolute;
	width: 450px;
	height: 47px;
	right: 18px;
	bottom: 0;
}

#migiue .balloon{
	width: 400px;
	height: 47px;
	background: url(/img/common/header/migiue/bg_01.png) 0 0 no-repeat;
	position: relative;
}

#migiue .balloon h2{
	position: absolute;
	top: 8px;
	left: 9px;
}

#migiue .balloon .body{
	position: absolute;
	width: 305px;
	top: 5px;
	left: 72px;
	font-size: 93%;
}

#migiue .balloon .body a{
	color: #333 !important;
	text-decoration: none;
}

#migiue .balloon .body a:hover{
	text-decoration: underline;
}

#migiue .balloon .backnumber{
	position: absolute;
	bottom: 6px;
	right: 25px;
	font-size: 85%;
}

#migiue .balloon .backnumber a{
	background: url(/img/common/ico/ico_arrow_04.png) 0 50% no-repeat;
	padding-left: 10px;
}

#migiue .avator{
	position: absolute;
	top: 1px;
	right: 0;
}

/* --------------------------------------------------
	Content
-------------------------------------------------- */

#content {}

/* --------------------------------------------------
	■■mod■■navCategory
-------------------------------------------------- */

.navCategory {
	overflow: hidden;
	margin-bottom: 20px;
	width: 635px;
}

.navCategory ul{
	width: 640px;
}

.navCategory li{
	float: left;
}

.navCategory li.current{
	padding-bottom: 0;
}

/* --------------------------------------------------
	■■mod■■navSubCategory
-------------------------------------------------- */

.navSubCategory{
	width: 635px;
	zoom: 1;
	background: url(/img/common/nav/bg_line_bottom_01.png) 0 100% repeat-x;
	margin: 10px 0;
}

.navSubCategory ul{
	width: 650px;
}

.navSubCategory ul li{
	float: left;
	margin-right: 2px;
	font-size: 93%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.navSubCategory ul li span,
.navSubCategory ul li a{
	position: relative;
	display: block;
	background: url(/img/common/nav/nav_subcategory_01.png) 0 100% repeat-x;
	padding: 8px;
	text-align: center;
	color: #333;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #bfbfc1;
	border-bottom: 1px solid #bfbfc1;
	overflow: hidden;
	zoom: 1;
}

.navSubCategory ul li span:hover,
.navSubCategory ul li a:hover{
	text-decoration: underline;
	color: #333;
	background: url(/img/common/nav/nav_subcategory_01_o.png) 0 100% repeat-x;
}

.navSubCategory ul li.current span,
.navSubCategory ul li.current a{
	background: url(/img/common/nav/nav_subcategory_01_c.png) 0 0% repeat-x;
	border-top: 1px solid #bfbfc1;
	border-left: 1px solid #bfbfc1;
	border-right: 1px solid #bfbfc1;
	border-bottom: 1px solid #fff;
}

.navSubCategory ul li a > span{
	display: block;
	background: url(/img/common/nav/ico_arrow_01.png) 0 50% no-repeat;
}

.navSubCategory ul li.current > span{
	background: none;
}

.navSubCategory.col2 ul li{ width: 317px; }
.navSubCategory.col2 ul li.last-child{ width: 316px; }

.navSubCategory.col3 ul li{ width: 210px; }
.navSubCategory.col3 ul li.last-child{ width: 211px; }

.navSubCategory.col4 ul li{ width: 157px; }
.navSubCategory.col4 ul li.last-child{ width: 158px; }

.navSubCategory.col5 ul li{ width: 125px; }
.navSubCategory.col5 ul li.last-child{ width: 127px; }

/* --------------------------------------------------
	■■mod■■navSubCategory
-------------------------------------------------- */

.navSubCategory2{
	width: 629px;
	zoom: 1;
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 2px 2px 0;
	_padding: 2px;
	background: #eee;
}

*+html>/**/body .navSubCategory2,
*:first-child+html .navSubCategory2{
	padding: 2px;
}

.navSubCategory2 ul{
	width: 650px;
	zoom: 1;
	overflow: hidden;
}

.navSubCategory2 ul li{
	float: left;
	margin-right: 2px;
	font-size: 85%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	zoom: 1;
}

.navSubCategory2 ul li span,
.navSubCategory2 ul li a{
	display: block;
	background: url(/img/common/nav/nav_subcategory_01.png) 0 100% repeat-x #fff;
	padding: 0 8px;
	text-align: center;
	color: #333;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #bfbfc1;
	border-bottom: 1px solid #bfbfc1;
	overflow: hidden;
	zoom: 1;
	line-height: 35px;
	height: 35px;
}

.navSubCategory2 ul li span:hover,
.navSubCategory2 ul li a:hover{
	text-decoration: underline;
	color: #333;
	background: url(/img/common/nav/nav_subcategory_01_o.png) 0 100% repeat-x #fff;
}

.navSubCategory2 ul li.current span,
.navSubCategory2 ul li.current a{
	background: url(/img/common/nav/nav_subcategory_01_c.png) 0 0% repeat-x #fff;
	border-top: 1px solid #bfbfc1;
	border-left: 1px solid #bfbfc1;
	border-right: 1px solid #bfbfc1;
	border-bottom: 1px solid #bfbfc1;
}

.navSubCategory2.col6b ul li{ width: 208px; }
.navSubCategory2.col6b ul li.last-child{ width: 209px; }

.navSubCategory2.col8 ul li{ width: 156px; }
.navSubCategory2.col8 ul li.last-child{ width: 155px; }

/* --------------------------------------------------
	■■mod■■navFunction
-------------------------------------------------- */
.navFunction{
	margin: 10px 0;
}

.navFunction table{
	width: 100%;
	border-collapse: collapse;
	font-size: 93%;
	border: 1px solid #ccc;
}

.navFunction td{
	width: 25%;
	border: 1px solid #ccc;
}

.navFunction td span,
.navFunction td a{
	background: url(/img/common/ico/ico_arrow_03.png) 10px 50% no-repeat;
	padding: 10px 10px 10px 20px;
	display: block;
	font-weight: bold;
	line-height: 1;
}

.navFunction td span{
	background-image: none;
	color: #999;
}

/* --------------------------------------------------
	■■mod■■navContentsLocal
-------------------------------------------------- */
.navContentsLocal{
	border-top: 2px solid #ccc;
	overflow: hidden;
	zoom: 1;
}

/* for IE6 */
.navContentsLocal li{
	float: left;
	width: 100%;
}

.navContentsLocal li a{
	padding: 10px 0 10px 15px;
	font-size: 93%;
	border-bottom: 1px solid #ccc;
	display: block;
	color: #666;
	zoom: 1;
}

.navContentsLocal li a:hover{
	background: url(/img/common/ico/ico_arrow_05.png) 5px 50% no-repeat #fff;
	text-decoration: none;
}

.navContentsLocal li.current a{
	background: url(/img/common/ico/ico_arrow_05.png) 5px 50% no-repeat #f5f5f5;
}

/* --------------------------------------------------
	■■mod■■navContentsLocalLine
-------------------------------------------------- */
.navContentsLocalLine{
	margin: 10px 0;
}

.navContentsLocalLine ul{
}

.navContentsLocalLine li{
	display: inline;
	font-size: 85%;
	margin-right: 10px;
}

.navContentsLocalLine li span,
.navContentsLocalLine li a{
	padding-left: 14px;
	line-height: 11px;
	background: url(/img/common/ico/ico_arrow_07.png) 0 30% no-repeat;
}

.navContentsLocalLine li a:hover{
	background: url(/img/common/ico/ico_arrow_07.png) 0 30% no-repeat;
	color: #75ad2c;
}

.navContentsLocalLine li.current a{
	background: url(/img/common/ico/ico_arrow_07.png) 0 30% no-repeat;
	font-weight: bold;
	color: #690;
}

.navContentsLocalLine li.paging a{
	background: url(/img/common/ico/ico_arrow_07.png) 0 30% no-repeat;
	color: #690;
}

.navContentsLocalLine li.inactive span{
	background: url(/img/common/ico/ico_arrow_07_i.png) 0 30% no-repeat;
	color: #999;
}

/* --------------------------------------------------
	■■mod■■Footer
-------------------------------------------------- */

#footer {
	margin-top: 40px;
	position: relative;
}

#footer .goPageTop{
	position: absolute;
	top: 0;
	right: 0;
}

.footerInner{
	width: 965px;
	margin: 0 auto;
	position: relative;
}

/* utilities
----------------------------------- */
#utilities{
	margin-bottom: 20px;
	background: #eee;
	padding: 10px 0;
	font-size: 93%;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

#utilities a{
	color: #555;
}

#utilities a:hover{
	color: #333;
}

.utilitiesSection{
	padding-top: 5px;
	width: 188px;
	float: left;
}

#utilities .utilitiesSection h2{
	font-weight: bold;
	font-size: 108%;
	margin-bottom: 10px;
}

#utilities .utilitiesSection h3 a{
	margin-top: 5px;
	color: #333;
}

#utilities .utilitiesSection h3 a:hover{
	color: #333;
}

.utilitiesSection ul{
	line-height: 1.7;
	margin-bottom: 10px;
}

.utilitiesSection a{
	display: inline-block;
	zoom: 1;
	width: 100%;
}

.utilitiesSection .ttlUtlBeginner{
	background: url(/img/common/footer/ico_beginner_01.png) 0 50% no-repeat;
	padding-left: 21px;
}

.utilitiesSection .ttlUtlSearch{
	background: url(/img/common/footer/ico_search_01.png) 0 50% no-repeat;
	padding-left: 15px;
}

.utilitiesSection .ttlUtlArchitect{
	background: url(/img/common/footer/ico_architect_01.png) 0 50% no-repeat;
	padding-left: 17px;
}

.utilitiesSection .ttlUtlCompe{
	background: url(/img/common/footer/ico_compe_01.png) 0 50% no-repeat;
	padding-left: 18px;
}

.utilitiesSection .ttlUtlFan{
	background: url(/img/common/footer/ico_fan_01.png) 0 50% no-repeat;
	padding-left: 17px;
}

/* footerNav
----------------------------------- */
#footerNav{
	margin: 15px 0;
	font-size: 93%;
}

#footerNav li{
	display: inline;
	padding-right: 10px;
	line-height: 1;
	border-right: 1px solid #ccc;
	margin-right: 10px;
}

#footerNav li:last-child{
	border: none;
}

/* kayacProject
----------------------------------- */
#kayacProject .unitKayacLink{
	margin-bottom: 10px;
	font-size: 77%;
}

#kayacProject a{
	color: #666;
}

#kayacProject a:hover{
	color: #333;
}

#kayacProject .unitKayacLink dt{
	float: left;
	width: 110px;
}

#kayacProject .unitKayacLink dd{
	zoom: 1;
	overflow: hidden;
}

#kayacProject .unitKayacLink li{
	display: inline-block;
	margin-right: .5em;
	*display: inline;
	*zoom: 1;
}

/* copyright
----------------------------------- */
#copyright { text-align: center; }

/* --------------------------------------------------
	■■mod■■tooltip
-------------------------------------------------- */
/* main */
.layoutMain .tooltip{
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background: url(/img/common/ico/ico_tooltip_hint_01.png) 0 0 no-repeat;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	top: 2px;
}

.layoutMain .tooltip.open{
	overflow: visible;
}

.layoutMain .tooltip .baloon{
	opacity: 0;
	display: block;
	position: absolute;
	top: -6px;
	left: 15px;
	background: url(/img/common/bg/bg_baloon_02.png) 0 0 repeat-y;
	line-height: 1.5;
	cursor: auto;
}

.layoutMain .tooltip.open .baloon{
	z-index: 9;
}

.layoutMain .tooltip .baloon .inner{
	display: block;
	background: #fff;
	width: 210px;
	border-top: 1px solid #75ad2c;
	border-right: 1px solid #75ad2c;
	border-bottom: 1px solid #75ad2c;
	margin-left: 5px;
	padding: 10px;
	font-size: 85%;
}

/* sub */
.layoutSub .tooltip{
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background: url(/img/common/ico/ico_tooltip_hint_01.png) 0 0 no-repeat;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	top: 2px;
}

.layoutSub .tooltip.open{
	overflow: visible;
}

.layoutSub .tooltip .baloon{
	opacity: 0;
	display: block;
	position: absolute;
	top: 16px;
	left: -220px;
	line-height: 1.5;
	cursor: auto;
}

.layoutSub .tooltip.open .baloon{
	z-index: 9;
}

.layoutSub .tooltip .baloon .inner{
	display: block;
	background: #fff;
	width: 210px;
	border: 1px solid #75ad2c;
	margin-right: 5px;
	padding: 10px;
	font-size: 85%;
}

/* //////////////////////////////////////////////////
[Module] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */
/* sample */

/* ■■mod■■Title
----------------------------------- */
/* main > h1 */
.layoutMain .ttl1{
	border-bottom: 2px solid #99cc66;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #636763;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

/* main > h2 */
.layoutMain .ttl2 {
	font-size: 124%;
	margin-bottom: 10px;
	background: url(/img/common/bg/bg_dot_w_01.png) 5px 0 repeat-y #75ad2c;
	color: #fff;
	padding: 9px 15px 6px;
	line-height: 1;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.layoutMain .ttl2b {
	font-size: 93%;
	margin-bottom: 10px;
	background: url(/img/common/bg/bg_dot_w_01.png) 5px 0 repeat-y #75ad2c;
	color: #fff;
	padding: 6px 15px 7px;
	font-weight: bold;
	vertical-align: middle;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.layoutMain .ttl2b a,
.layoutMain .ttl2 a {
	color: #fff;
}

/* sub > h2 */
.layoutSub .ttl2 {
	font-size: 124%;
	margin-bottom: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}
.layoutSub .ttl2,
.layoutSub .ttl2 a{
	color: #690;
}

.layoutSub .ttl2 a:hover{
	color: #75ad2c;
}

/* main > h3 */
.ttl3 a,
.ttl3 a:visited,
.ttl3 a:hover{
}

.layoutMain .ttl3 {
	font-size: 124%;
	background: #eee;
	margin-bottom: 10px;
	line-height: 1;
	padding: 8px;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.layoutMain .ttl3.ttlHot {
	padding-left: 35px;
}

/* sub > h3 */
.layoutSub .ttl3{
	position: relative;
	margin-bottom: 10px;
	padding: 8px 6px 9px;
	line-height: 1.5;
	background: url(/img/common/bg/bg_dot_g_01.png) 0 100% repeat-x #eee;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.layoutSub .ttl3 .title{
	float: left;
	padding-right: 3px;
	
}

.layoutSub .ttl3 .info{
	font-size: 77%;
	position: absolute;
	top: 10px;
	right: 3px;
}


/* main > h4 */
.layoutMain .ttl4 {
	font-size: 108%;
	border-bottom: 1px dotted #75ad2c;
	margin-bottom: 10px;
	line-height: 1;
	padding-bottom: 6px;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

/* sub > h4 */
.layoutSub .ttl4{
	background: url(/img/common/bg/bg_subttl_01.png) 0 0 repeat-x #eee;
	padding: 8px 6px 5px;
	margin: 10px 0;
	font-size: 93%;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.layoutSub .ttl4 a{
	color: #333;
}

/* main > h5 */
.layoutMain .ttl5 {
	font-size: 108%;
	margin-bottom: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

/* main > h6 */
.layoutMain .ttl6{
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

/* ttlFeature */
.ttlFeature{
	background: url(/img/common/bg/header_feature_01.png) 0 0 no-repeat;
	width: 583px;
	*width: auto;
	height: 31px;
	font-weight: bold;
	padding: 20px 0 0 60px;
	font-size: 108%;
	margin: 15px 0 10px -8px;
	*margin: 15px 0 10px 0;
	line-height: 1;
	color: #333;
}

.ttlFeature a{
	color: #333;
}

/* ttlSearchResult */
.ttlSearchResult{
	font-weight: normal;
	font-size: 108%;
	margin: 15px 0 10px;
	line-height: 1;
	color: #333;
}

.ttlSearchResult strong{
	margin-right: 5px;
}

.ttlSearchResult .hit{
	color: #75ad2c;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ttlQuestion */
.ttlQuestion{
	font-size: 124%;
	background: url(/img/common/ico/ico_qa_q_01.png) 10px 50% #75ad2c no-repeat;
	padding: 7px 10px 7px 38px;
	color: #fff;
	line-height: 1;
}

/* ttlAnswer */
.ttlAnswer{
	background: url(/img/common/ico/ico_answer_01.png) 0 50% no-repeat #eee;
	font-size: 124%;
	padding: 0 0 0 25px;
	color: #333;
}

/* ttlHot */
.ttlHot{
	position: relative;
}

.ttlHot .ttlHotBadge{
	position: absolute;
	top: -7px;
	left: -15px;
}

/* ■■mod■■Title Set
----------------------------------- */
/* title set 1 */
.ttlset1{
	border-bottom: 2px solid #99cc66;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #636763;
}

.ttlset1 h1,
.ttlset1 h2,
.ttlset1 h3,
.ttlset1 h4,
.ttlset1 h5{
	float: left;
}

.ttlset1 .info{
	float: right;
	vertical-align: baseline;
	color: #75ad2c;
}

.ttlset1 .info span{
	line-height: 1;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ttlset1 .info img{
	vertical-align: baseline;
}

.ttlset1 .info .unit{
	margin-left: 4px;
}

/* title set 2 */
.ttlset2{
	margin-bottom: 10px;
}

.ttlset2 .navUserShortcut2,
.ttlset2 .navUserShortcut{
	float: left;
}

.ttlset2 .title{
	font-size: 124%;
	color: #666;
	overflow: hidden;
	zoom: 1;
	padding-top: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
}

.ttlset2 .compe{
	background: url(/img/common/ico/ico_nowcompe_01.png) 0 8px no-repeat;
	padding-left: 60px;
}

/* ■■mod■■navUserShortcut
----------------------------------- */
.navUserShortcut{
	position: relative;
	width: 45px;
	height: 45px;
	cursor: pointer;
	zoom: 1;
	margin-right: 10px;
}

.navUserShortcut .userImage{
	width: 45px;
	height: 45px;
	position: relative;
	zoom: 1;
}

.navUserShortcutList{
	position: absolute;
	top: 0;
	left: 45px;
	z-index: 8;
	background: url(/img/common/bg/bg_usershortcut_01.png) 0 0 no-repeat;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	padding-left: 15px;
	cursor: pointer;
	zoom: 1;
	z-index: 15;
}

.navUserShortcutList:hover{
	background: url(/img/common/bg/bg_usershortcut_01_o.png) 0 0 no-repeat;
}

.navUserShortcutList li {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	zoom: 1;
	width: 140px;
	zoom: 1;
	background: #fff;
	float: left;
}

.navUserShortcutList li.clear {
	clear: both;
}

.navUserShortcutList li a{
	display: block;
	background: url(/img/common/ico/ico_arrow_03.png) 10px 50% no-repeat;
	line-height: 1.8;
	padding-left: 22px;
	font-size: 93%;
	zoom: 1;
}

.navUserShortcut .none{
	display: none;
}

/* ■■mod■■navUserShortcut2
----------------------------------- */
.navUserShortcut2{
	position: relative;
	width: 45px;
	height: 45px;
	cursor: pointer;
	zoom: 1;
	margin-right: 25px;
}

.navUserShortcut2 .userImage{
	width: 45px;
	height: 45px;
	position: relative;
	zoom: 1;
}

.navUserShortcutList2{
	position: absolute;
	top: 0;
	left: 45px;
	z-index: 8;
	width: 300px;
	background: url(/img/common/bg/bg_usershortcut_01.png) 0 0 no-repeat;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	padding-left: 15px;
	cursor: pointer;
	zoom: 1;
}

.navUserShortcutList2:hover{
	background: url(/img/common/bg/bg_usershortcut_01_o.png) 0 0 no-repeat;
}

.navUserShortcutList2 li {
	display: none;
	float: left;
	width: 145px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	zoom: 1;
}

.navUserShortcutList2 li a{
	display: block;
	background: url(/img/common/ico/ico_arrow_03.png) 10px 50% no-repeat #fff;
	line-height: 25px;
	padding-left: 22px;
	font-size: 93%;
	zoom: 1;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.navUserShortcutList2 li a{
	opacity: 0.95;
	filter: alpha(opacity=95);
}

/* for IE6 */
* html body .navUserShortcutList2 li a {
	font-family: "ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
}
/* for IE7 */
*:first-child+html body .navUserShortcutList2 li a{
	font-family: "ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
}

.navUserShortcut2 .none{
	display: none;
}

/* ■■mod■■Text
----------------------------------- */
.strong{
	font-weight: bold;
}

.lead{
	font-size: 108%;
	margin-bottom: 1em;
	line-height: 1.7;
	text-align: justify;
}

.lead2{
	margin-bottom: 1em;
	line-height: 1.7;
	background: #eee;
	padding: 10px;
	text-align: center;
	color: #333;
}

.lead3{
	font-weight: bold;
	font-size: 124%;
	margin-bottom: 1em;
}

.layoutMain .paragraph{
	margin-bottom: 1em;
	line-height: 1.8;
	text-align: justify;
}

.layoutSub .paragraph{
	padding: 0 10px;
}

.paragraph img{
	vertical-align: middle;
}

.note {
	font-size: 85%;
}

.up{
	background: url(/img/common/ico/ico_up_01.png) 100% 50% no-repeat;
	padding-right: 25px;
}

.serial{
	background: url(/img/common/ico/ico_serial_01.png) 0 0 no-repeat;
	padding-left: 60px;
	display: block;
}

.special{
	background: url(/img/common/ico/ico_special_01.png) 0 0 no-repeat;
	padding-left: 60px;
	display: block;
}

.step1{
	background: url(/img/common/ico/ico_step1_01.png) 0 50% no-repeat;
	padding-left: 45px;
}

.step2{
	background: url(/img/common/ico/ico_step2_01.png) 0 50% no-repeat;
	padding-left: 45px;
}

.step3{
	background: url(/img/common/ico/ico_step3_01.png) 0 50% no-repeat;
	padding-left: 45px;
}

.navigator{
	background: url(/img/common/ico/ico_navigator_01.png) 0 50% no-repeat #fff;
	padding: 0 0 0 28px;
	line-height: 22px;
	font-weight: bold;
	margin: 10px 0;
}

.navigatorBaloon{
	position: relative;
	zoom: 1;
	margin: 20px 0;
}

.navigatorBaloon2{
	position: relative;
	zoom: 1;
	margin: 60px 100px;
}

.navigatorBaloon .baloon,
.navigatorBaloon2 .baloon{
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	margin-left: 41px;
	margin-right: 20px;
	background: #fff;
}

.navigatorBaloon2 .baloon{
	padding: 20px;
}

.navigatorBaloon .navigatorIcon,
.navigatorBaloon2 .navigatorIcon{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
	background: url(/img/common/bg/bg_baloon_04.png) 26px 5px no-repeat;
}

.navigatorBaloon2 .listNavTxt,
.navigatorBaloon .listNavTxt{
	margin: 0;
}

.signupNavigator .ttlSignup{
	text-align: center;
	margin: 15px 0;
}

.signupNavigator .listNavImgLineC li{
	padding-bottom: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.signboard{
	margin: 10px 0;
}

.inlineLink{
	padding-left: 20px;
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 0 0.3em;
}

.inlineLink:hover{
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 1px 0.3em;
}

.exwin {
	padding-right: 15px;
	background: url(/img/common/ico/ico_exwin.png) no-repeat 100% 50%;
}

.goPageTop {
	margin-bottom: 10px;
	text-align: right;
	font-size: 93%;
}

.goPageTop a {
	padding-left: 13px;
	background: url(/img/common/ico/ico_arrow_t.png) 0 2px no-repeat;
}

.goPageTop a:hover {
	background: url(/img/common/ico/ico_arrow_t.png) 0 0 no-repeat;
}

.pr{
	padding-right: 25px;
	background: url(/img/common/pr/pr_03.png) 100% 50% no-repeat;
}

.new{
	padding-left: 28px;
	background: url(/img/common/ico/ico_new_02.png) 0 50% no-repeat;
}

/* viewMore */
.viewMore{
	text-align: right;
	margin: 10px 0 20px;
}

.viewMore a{
	display: inline-block;
	line-height: 1;
	padding: 5px 6px 4px 25px;
	font-size: 93%;
	background: url(/img/common/ico/ico_arrow_r_g.png) 7px 50% no-repeat #eee;
}

.viewMore a:hover{
	text-decoration: none;
	background: url(/img/common/ico/ico_arrow_r.png) 7px 50% no-repeat #f2f2f2;
}

.viewMore2{
	text-align: right;
	margin: 10px 0 20px;
}

.viewMore2 a{
	display: block;
	line-height: 1.5;
	font-size: 93%;
	background: #eee;
	padding: 7px 8px 5px 8px;
}

.viewMore2 a span{
	padding-left: 20px;
	background: url(/img/common/ico/ico_arrow_r.png) 0 50% no-repeat #eee;
}

.viewMore3 {
	text-align: right;
}

.viewMore3 a{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #fff;
	background: url(/img/common/ico/ico_arrow_r_w.png) 10px 50% no-repeat #75ad2c;
	font-weight: bold;
	padding: 5px 10px 5px 30px;
	margin-bottom: 10px;
}

.fullscrean a{
	background: url(/img/common/ico/ico_fullscrean_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

.utilities .fullscrean{
	float: left;
}

.autoPlay a{
	background: url(/img/common/ico/ico_slideshow_01.png) 0 50% no-repeat;
	padding-left: 20px;
	color: #666;
}

.settingPayment a{
	background: url(/img/common/ico/ico_payment_01.png) 0 50% no-repeat;
	padding-left: 14px;
}

.settingPersonal a{
	background: url(/img/common/ico/ico_personal_01.png) 0 50% no-repeat;
	padding-left: 14px;
}

.settingBasic a{
	background: url(/img/common/ico/ico_setting_01.png) 0 50% no-repeat;
	padding-left: 16px;
}

.download a{
	background: url(/img/common/ico/ico_download_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

.download2 a{
	background: url(/img/common/ico/ico_download_02.png) 0 50% no-repeat;
	padding-left: 20px;
	color: #666;
}

.addClip{
	text-align: right;
	background: #eee;
}

.addClip2{
	text-align: right;
}

.addClip span,
.addClip2 span,
.addClip a,
.addClip2 a{
	display: inline-block;
	zoom: 1;
	padding: 5px 8px 5px 27px;
	font-size: 93%;
	background: url(/img/common/ico/ico_clip_01.png) 8px 50% no-repeat #666;
	color: #fff !important;
	vertical-align: middle;
}

.addClip span:hover,
.addClip2 span:hover,
.addClip a:hover,
.addClip2 a:hover{
	background: url(/img/common/ico/ico_clip_01.png) 8px 50% no-repeat #888;
	text-decoration: none;
}

.addClip.remove span,
.addClip2.remove span,
.addClip.remove a,
.addClip2.remove a{
	background: url(/img/common/ico/ico_clip_remove_01.png) 8px 50% no-repeat #ccc;
	color: #000 !important;
}

.addClip.remove span:hover,
.addClip2.remove span:hover,
.addClip.remove a:hover,
.addClip2.remove a:hover{
	background: url(/img/common/ico/ico_clip_remove_01.png) 8px 50% no-repeat #dbdbdb;
}

.btnDelete{
	float: left;
}

.btnDelete span,
.btnDelete a{
	background: url(/img/common/ico/ico_trash_01.png) 6px 50% no-repeat #999;
	color: #fff;
	padding: 3px 6px 3px 20px;
	font-size: 93%;
	zoom: ;
	display: inline-block;
	cursor: pointer;
}

.btnDelete span:hover,
.btnDelete a:hover{
	background: url(/img/common/ico/ico_trash_01.png) 6px 50% no-repeat #aaa;
	text-decoration: none;
}

.sendMessage{
	text-align: right;
}

.sendMessage span,
.sendMessage a{
	display: inline-block;
	padding: 5px 8px 5px 30px;
	font-size: 93%;
	background: url(/img/common/ico/ico_message_01.png) 7px 50% no-repeat #666;
	color: #fff !important;
	vertical-align: middle;
	zoom: 1;
}

.sendMessage span:hover,
.sendMessage a:hover{
	background: url(/img/common/ico/ico_message_01.png) 7px 50% no-repeat #888;
	text-decoration: none;
}

.listNavImgLineR .addClip2,
.listNavImgLineR .sendMessage{
	display: inline;
}

.goPrevPage{
	margin: 10px 0;
}

.goPrevPage a{
	line-height: 1;
	font-size: 93%;
	background: url(/img/common/ico/ico_arrow_06.png) 0 50% no-repeat;
	padding: 0 0 0 13px;
}

/* ■■mod■■List
----------------------------------- */
/* listItemized */
.listItemized {
	margin: 1em 0;
}

.listItemized li {
	margin-bottom: 0.5em;
	padding-left: 1em;
	background: url(/img/common/ico/ico_arrow_05.png) 0 0.4em no-repeat;
}

.listItemized li a {
	padding-right: 1em;
}

.listItemized.col3 li {
	float: left;
	min-width: 195px;
}

/* listNote */
.listChecked {
	margin: 2em 0;
}

.listChecked li{
	background: url(/img/common/ico/ico_check_03.png) 0 50% no-repeat;
	padding-left: 25px;
	margin-bottom: 4px;
	font-weight: bold;
	line-height: 2;
	border-bottom: 1px dotted #000;
	padding-bottom: 4px;
}

/* listNote */
.listNote {
	margin: 1em 0;
}

.listNote li {
	margin-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}

/* listOrdered */
.listOrdered {
	margin: 1em 0;
	padding-left: 2em;
	list-style: decimal;
}

.listOrdered li {
	margin-bottom: 0.5em;
}

/* listNavTxt */ 
.listNavTxt {
	margin: 1em 0;
	line-height: 1.8;
}

.listNavTxt.strong {
	font-size: 124%;
}

.listNavTxt li a {
	margin-bottom: 0.5em;
	padding-left: 20px;
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 0 0.3em;
}

.listNavTxt li a:hover {
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 1px 0.3em;
}

.listNavTxt ul {
	margin-left: 1.5em;
}

.listNavTxt ul li a {
	margin-top: 0.5em;
	padding-left: 15px;
	background: url(/img/common/ico/ico_arrow_04.png) no-repeat 0 50%;
}

.listNavTxt ul li a:hover {
	background: url(/img/common/ico/ico_arrow_04.png) no-repeat 1px 50%;
}

/* listNavTxt2 */ 
.listNavTxt2 {
	margin: 1em 0;
	line-height: 1.8;
	border-top: 1px solid #eee;
}

.listNavTxt2 li{
	padding: 5px;
	padding-left: 20px;
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 0 50%;
	border-bottom: 1px solid #eee;
}

.listNavTxt2 .date{
	display: block;
	float: left;
	margin-right: 10px;
}

.listNavTxt2 .title{
	display: table;
	zoom: 1;
	font-weight: bold;
}

/* listHintNavTxt */
.listHintNavTxt {
	background: url(/img/common/ico/ico_help_01.png) 0 0 no-repeat;
	padding-left: 35px;
	margin: 1em 0;
	min-height: 30px;
	padding-top: 2px;
}

.listHintNavTxt li a{
	margin: 0 0 0.5em;
	padding-left: 17px;
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 0 50%;
}

.listHintNavTxt li a:hover{
	background: url(/img/common/ico/ico_arrow_r_g.png) no-repeat 1px 50%;
}

/* listTag */
.listTag{
	margin-bottom: 5px;
}

.listTag dt{
	display: inline;
	margin-right: 5px;
	font-weight: bold;
}

.listTag dd{
	display: inline;
	margin-right: 5px;
}

.listTag dt:after{
	content:"：";
}

/* listItemInfo */
.listItemInfo{
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
}

.listItemInfo li{
	border-right: 1px solid #ccc;
	zoom: 1;
	padding-right: 10px;
	margin-right: 11px;
	display: inline;
	overflow: hidden;
	vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.listItemInfo li{
		display: inline-block;
	}
}
.listItemInfo li:last-child{
	border: none;
}

.listItemInfo dd,
.listItemInfo dt,
.listItemInfo dl{
	display: inline;
}

/* listDef */
.listDef {
}

.listDef dt {
	margin-right: 5px;
	display: inline;
}

.listDef dd {
	display: inline;
}

.listDef dt:after {
	content: "：";
}

/* listDef2 */
.listDef2 {
	line-height: 1.8;
}

.listDef2 dt {
	margin-right: 5px;
	float: left;
	font-weight: bold;
}

.listDef2 dd {
	zoom: 1;
	overflow: hidden;
}

.listDef2 dt:after {
	content: "：";
}

.layoutSub .listDefLine {
	padding: 0 10px;
}

.listDefLine img {
	vertical-align: middle;
}

.listDefLine dt {
	float: left;
}

.listDefLine dd {
	float: right;
}

.listDefLine dd .check{
	margin-right: 5px;
}

/* listTopic */
.listTopic{
	font-size: 93%;
}

.listTopic p,
.listTopic dl,
.listTopic dt,
.listTopic dd{
	display: inline;
}

.listTopic dl{
}

.listTopic .item{
	padding-left: 17px;
	margin-bottom: 10px;
	background: url(/img/common/ico/ico_arrow_r_g.png) 0 0.6em no-repeat;
}

.listTopic .title{
	font-weight: normal;
}

.listTopic .date{
	display: block;
	float: left;
	width: 11em;
}

.listOpenIDLogin{
	margin: 10px 0;
	text-align: center;
}

.listOpenIDLogin li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 5px;
	font-size: 93%;
	text-align: left;
}

.listOpenIDLogin li .button{
	margin-bottom: 5px;
}

/* ■■mod■■List Works
----------------------------------- */
.listWorks{
}

.listWorks a:hover img{
	/*opacity: 0.9;
	filter: alpha(opacity=90);*/
}

.listWorks.col2,
.layoutSub .listWorks.col6{
	width: 310px;
}

.listWorks.col3{
	width: 304px;
}

.listWorks.col4,
.listWorks.col5,
.layoutMain .listWorks.col6{
	width: 651px;
}

.listWorksItem{
	display: inline;
	float: left;
	font-size: 93%;
	position: relative;
}

.listWorks.col1m .listWorksItem,
.listWorks.col1 .listWorksItem{
	width: 100%;
	margin-bottom: 10px;
}

.listTopic .icoNew2{
	vertical-align: middle;
}

.listWorks.col1m.single .listWorksItem,
.listWorks.col1.single .listWorksItem{
	margin-bottom: 0;
}

.listWorks.col1 .listWorksItem{
	width: 100%;
	margin-bottom: 10px;
}

.listWorks.col2 .listWorksItem{
	margin-right: 3px;
	margin-bottom: 3px;
	width: 148px;
}

.listWorks.col3 .listWorksItem{
	margin-right: 3px;
	margin-bottom: 3px;
}

.layoutSub .listWorks.col3 .listWorksItem{
	width: 98px;
}

.layoutSub .listWorks.col3 .listWorksItem img{
	width: 98px;
	height: 73px;
}

.listWorks.col4 .listWorksItem{
	margin-right: 3px;
	margin-bottom: 3px;
}

.listWorks.col5 .listWorksItem{
	margin-right: 9px;
	margin-bottom: 9px;
	display: inline;
	width: 120px;
}

.layoutMain .listWorks.col6 .listWorksItem{
	margin-right: 3px;
	margin-bottom: 3px;
}

.layoutSub .listWorks.col6 .listWorksItem{
	margin-right: 6px;
	margin-bottom: 6px;
	width: 45px;
}

.listWorksItem .thumb img{
	border: 4px solid #ccc;
}

.listWorks.col1m .listWorksItem .thumb,
.listWorks.col1 .listWorksItem .thumb{
	float: left;
	border: none;
	display: table;
	margin-right: 10px;
}

.listWorks.col1 .listWorksItem .thumb img,
.listWorks.col2 .listWorksItem .thumb img,
.layoutSub .listWorks .listWorksItem .thumb img{
	border: none;
}

.listWorksItem .icoNew{
	position: absolute;
	top: 0;
	right: 0;
}

.listWorksItemInfo{
	padding: 5px 0 20px;
	overflow: hidden;
}

.listWorks.col3 .listWorksItemInfo,
.listWorks.col4 .listWorksItemInfo{
	width: 156px;
}

.listWorks.col5 .listWorksItemInfo{
	width: 120px;
	overflow: hidden;
}

.listWorks.col1 .listWorksItemInfo{
	padding: 0;
}

.listWorks.col1.architect .listWorksItemInfo{
	padding: 0;
	float: none;
}

.listWorks.col1.architect .listWorksItemInfo.line ul{
	zoom: 1;
	overflow: hidden;
}

.listWorks.col1.architect .listWorksItemInfo.line li{
	float: left;
	line-height: 22px;
	margin-right: 15px;
}

/* for IE6 */
* html body .listWorks.col1.architect .listWorksItemInfo.line li dl{
	float: left;
}

.listWorks.col1m .listWorksItemInfo{
	padding: 0;
	width: 140px;
	float: right;
}

.listWorks.col1m .listWorksItemInfo .title,
.listWorks.col1 .listWorksItemInfo .title{
	font-weight: bold;
}

.listWorks.col1m .listWorksItem .navUserShortcut,
.listWorks.col1 .listWorksItem .navUserShortcut{
	float: left;
}

.listWorksItemInfo dl{
	display: inline-block;
}

.listWorksItemInfo dt,
.listWorksItemInfo dd{
	display: inline;
}

.listWorksItemInfo .name{
}

.listWorksItemInfo .name2{
}

.listWorksItemInfo dt:after{
	content:"：";
}

.listWorksItemInfo .title a{
	zoom: 1;
}

.listWorksItemInfo .clip{
}

.listWorksItemInfo .view{
}

/* ■■mod■■List Architect
----------------------------------- */
.listArchitect{
}

.listArchitectItem{
	display: inline;
	float: left;
	font-size: 93%;
	position: relative;
	z-index: 1;
	width: 290px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.listArchitectItem .thumb{
	float: left;
	margin-right: 10px;
}

.listArchitectItem .thumb a{
	display: block;
	border: 4px solid #ccc;
}

.listArchitectItemInfo{
	overflow: hidden;
	zoom: 1;
}

.listArchitectItemInfo .profile{
	margin-top: 10px;
}

/* ■■mod■■List Ranking
----------------------------------- */
.listRanking{
	width: 670px;
}

.listRanking a:hover img{
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.listRanking .level1{
	width: 193px;
	float: left;
	margin: 0 28px 25px 0;
	font-size: 85%;
}

.listRanking .level2{
	width: 140px;
	float: left;
	margin: 0 25px 25px 0;
	font-size: 85%;
}

.listRanking .level3{
	width: 121px;
	float: left;
	margin: 0 7px 0 0;
	font-size: 85%;
}

.listRanking .info{
	float: left;
	text-align: center;
}

.listRanking .level1 .info{ width: 29px; }
.listRanking .level2 .info{ width: 22px; }
.listRanking .level3 .info{ width: 20px; }

.listRanking .info .rank{
	margin-bottom: 3px;
}

.listRanking .detail{
	float: right;
}

.listRanking .level1 .detail{ width: 156px; }
.listRanking .level2 .detail{ width: 114px; }
.listRanking .level3 .detail{ width: 96px; }

.listRanking .detail .image{
	margin-bottom: 10px;
}

.listRanking .detail .image img{
	border: 4px solid #ccc;
}

.listRanking .level1 .title{
	font-size: 110%;
}

.listRanking dt,
.listRanking dd{
	display: inline;
}

.listRanking dt:after{
	content: "：";
}

/* top3 */
.listRanking.top3{
	margin-top: 5px;
	width: 270px;
}

.listRanking.top3 li{
	float: none;
}

.listRanking.architect.top3 .detail .image{
	float: left;
}

.listRanking.architect.top3 .detail .data{
	margin-left: 115px;
	padding-top: 10px;
}

.listRanking.top3 .level1{
	width: 280px;
	float: none;
	margin: 0 0 15px 0;
	font-size: 85%;
}

.listRanking.top3 .level1 .detail{
	width: 240px;
}

/* sub */
.layoutSub .listRanking{
	width: 300px;
}

.layoutSub .listRanking li{
	width: 300px;
	margin: 0 0 10px 0;
}

.layoutSub .listRanking .detail{
	width: 260px;
}

.layoutSub .listRanking .image{
	margin-bottom: 0;
	float: left;
}

.layoutSub .listRanking .image img{
	border: none;
}

.layoutSub .listRanking .data{
	margin-left: 115px;
}

.layoutSub .listRanking.plan .data{
	margin-left: 90px;
}

.layoutSub .listRanking.architect .data{
	margin-left: 70px;
}

.layoutSub .listRanking .clip{
	display: inline;
}

.layoutSub .listRanking .title{
	font-size: 110%;
}

/* ■■mod■■listArticle
----------------------------------- */
/* listArticle1 */
.listArticle1 li.listArticle1Item {
	margin-bottom: 30px;
}

/* listArticle2 */
.listArticle2Item {
	margin-bottom: 10px;
}

.listArticle2Item .title{
	font-size: 93%;
	font-weight: normal;
	margin-bottom: 2px;
}

/* listArticle3 */
.listArticle3 {
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
}

.listArticle3Item {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}

.listArticle3Item .title{
	float: left;
	font-weight: normal;
}

.listArticle3Item .listWorks{
	float: right;
	width: 340px;
}

.listArticle3Item .listWorks.col1 .listWorksItem{
	margin-bottom: 0;
}

/* ■■mod■■list QA
----------------------------------- */
.listQa{
	border-top: 1px solid #ccc;
	overflow: hidden;
	zoom: 1;
}

.listQa .listQaItem{
	padding: 15px 0 10px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	zoom: 1;
}

.listQa .listQaItem:hover{
	background: #ffffe3;
}

.listQaIntro{
	float: left;
	width: 330px;
	padding: 0 40px 0 0;
}

.listQaIntro .title{
	margin-bottom: 10px;
}

.listQaIntro .title a{
	display: block;
}

.listQaIntro p{
	font-size: 93%;
}

.listQaIntroLong{
	float: left;
	width: 360px;
	padding: 0 10px 0 0;
}

.listQaIntroLong .title{
	font-weight: normal;
}

.listQaIntroLong p{
	font-size: 85%;
}

.listQaUser{
	float: left;
	width: 200px;
	padding: 0 10px 0 0;
}

.listQaUser dt,
.listQaUser dd{
	line-height: 1.4;
}

.listQaUser .listWorks.col1 .listWorksItem{
	margin-bottom: 0;
}

.listQaUser .listWorks.col1 .listWorksItemInfo{
	min-width: 0;
}

.listQaUser .listQaInfo{
	margin-top: 5px;
	overflow: hidden;
	zoom: 1;
	font-size: 93%;
}

.listQa .date{
	float: left;
	margin-right: 1em;
}

.listQa .category{
	clear: left;
}

/* ■■mod■■listHistory
----------------------------------- */
.listHistory li{
	position: relative;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 7px;
	margin-bottom: 9px;
}

.listHistory li .title{
	font-weight: normal;
	font-size: 77%;
	margin-bottom: 3px;
}

.listHistory li .date{
	font-size: 77%;
	position: absolute;
	top: 0;
	right: 0;
}

.listHistory li .body{
	font-size: 93%;
}

/* ■■mod■■listBbs
----------------------------------- */
.listBbs li{
	background: url(/img/common/ico/ico_arrow_r_g.png) 0 0.4em no-repeat;
	padding-left: 15px;
	margin-bottom: 20px;
}

.listBbs li li{
	background: url(/img/common/ico/ico_tree_01.png) 0 0.4em no-repeat;
	margin-top: 5px;
	margin-bottom: 0;
}

.listBbs .title{
	font-size: 93%;
}

.listBbs .date{
	font-size: 77%;
	display: inline;
}

.listBbs .name{
	font-size: 77%;
	display: inline;
}

/* ■■mod■■Unit
----------------------------------- */
/* comment */
.unitComment{
	position: relative;
	padding-left: 50px;
	zoom: 1;
	margin-bottom: 30px;
}

.unitComment .unitComment{
	z-index: 5;
}

.unitComment .name{
	padding-left: 7px;
	margin-bottom: 5px;
}

.unitComment .name dt,
.unitComment .name dd{
	display: inline;
	padding-right: 5px;
}

.unitComment .name dt:after{
	content: "：";
}

.unitComment .name a{
	font-weight: bold;
}

.unitComment .navUserShortcut,
.unitComment .image{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}

.unitComment .baloon{
	background: url(/img/common/bg/bg_baloon_01.png) 0 0 repeat-y;
}

.unitComment .date{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 85%;
	z-index: 1;
}

.unitComment .date .trash{
	margin-left: 5px;
}

.unitComment .date .trash img{
	vertical-align: bottom;
}

.unitComment .baloon .inner{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-left: 6px;
	padding: 10px;
	font-size: 93%;
	line-height: 1.8;
	background: #fff;
}

.unitComment.answer .baloon .inner{
	background: url(/img/common/ico/ico_answer_01.png) 10px 10px no-repeat;
	padding-top: 35px;
}

.unitComment.answer .baloonFooter2 .baloon .inner{
	background: #fff;
	padding-top: 10px;
}

.unitComment .baloonFooter{
	margin-left: 5px;
	background: #eee;
}

.unitComment .baloonFooter2{
	padding: 10px;
	margin-left: 5px;
	background: #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: relative;
}

.unitComment .unitComment{
	margin-bottom: 0;
}

.unitComment .collapsibleStyle1 textarea{
	width: 551px;
}

.unitComment .baloonFooter .collapsibleStyle1 textarea{
	/*width: 375px;*/
}

.unitComment .unitConfirm{
	position: absolute;
	top: 17px;
	right: 0;
}

.unitComment .connectToArchitect{
	padding-left: 5px;
	margin-top: -10px;
}

/* confirmPanel */
.confirmPanel{}

.confirmPanelSignup .paragraph,
.confirmPanel .paragraph{
	margin-bottom: 20px;
}

.confirmPanelSignup .lead2,
.confirmPanel .lead2{
	margin-bottom: 1px;
}

.confirmPanelSignup .trigger,
.confirmPanel .trigger{
	cursor: pointer;
}

.confirmPanelSignup .trigger.inactive,
.confirmPanel .trigger.inactive{
	cursor: auto;
}

.confirmPanelSignup .panel2,
.confirmPanelSignup .panel,
.confirmPanel .panel2,
.confirmPanel .panel{
	display: none;
}

.confirmPanelSignup .confirmPanelCloseButton,
.confirmPanel .confirmPanelCloseButton{
	cursor: pointer;
}

/* unitConfirm */
.unitConfirm{
	border: 1px solid #666;
	padding: 25px 20px;
	color: #333;
	font-size: 93%;
	width: 260px;
	overflow: hidden;
	background: #fff;
	z-index: 100;
	clear: both;
}

.unitConfirm p{
	margin: 0 5px 15px;
}

.unitConfirm ul li{
	float: left;
	margin: 0 5px;
	display: inline;
}

/* unitConfirm2 */
.unitConfirm2{
	clear: both;
	background: #eee;
	padding: 10px;
	color: #666;
	font-size: 12px;
	margin: 1px 0;
}

.unitConfirm2 ul{
	margin: 10px 0;
}

/* architect profile */
.unitArchitectProfile{
	margin: 5px 0 10px;
}

.unitArchitectProfile .tblData{
	width: 525px;
	float: right;
	margin-bottom: 0;
}

.unitArchitectProfile .tblData .icoCrown{
	background: url(/img/common/ico/ico_crown_01.png) 0 50% no-repeat;
	padding-left: 17px;
}

.unitArchitectProfile .tblData table{
	margin: 0;
}

.unitArchitectProfile .tblData td,
.unitArchitectProfile .tblData th{
	border: 1px dotted #ccc;
	border-left: none;
	border-right: none;
	vertical-align: middle;
}

.unitArchitectProfile .tblData th{
	background: none;
	font-weight: bold;
}

.unitArchitectProfile .tblData th{
	width: 100px;
}

/* unitBaloon */
.unitBaloon{
	background: url(/img/common/bg/bg_baloon_03.png) 0 100% no-repeat;
	padding-bottom: 7px;
	margin-bottom: 5px;
}

.unitBaloon .unitBaloonInner{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 0;
}

.compeNow{
	background: url(/img/common/ico/ico_nowcompe_01.png) 100% 0 no-repeat;
}

.unitBaloonInner .boxMedia{
	padding: 0 10px;
	margin: 0;
}

.unitBaloonInner .boxMedia .media{
	margin: 0;
}

.unitBaloon .ttl4{
	padding-left: 10px;
}

.unitBaloonMedia{
	padding: 0 10px;
	font-size: 93%;
}

.unitBaloonMedia .image{
	float: left;
	width: 85px;
	height: 75px;
	background: #ccc;
	text-align: center;
}

.unitBaloonMedia .info{
	margin-left: 95px;
}

.unitBaloonMedia .info .title{
	font-weight: normal;
}

/* unitCompe */
.unitCompe{
	border-top: 1px solid #bbb;
}

.unitCompe + .unitCompe{
	border-top: none;
}

.unitCompeHeader{
	background: #eee;
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	color: #333;
}

.unitCompe.active .unitCompeHeader{
	background: #ffc;
}

.unitCompeHeader .status{
	float: left;
	margin-right: 10px;
}

.unitCompeHeader .title{
	float: left;
}

.unitCompeHeader .headerInfo{
	float: right;
}

.unitCompeHeader .headerInfo h4,
.unitCompeHeader .headerInfo h3,
.unitCompeHeader .headerInfo p{
	display: inline;
}

.unitCompeBody{
	border-bottom: 1px dotted #ccc;
	padding: 7px 10px;
}

.unitCompeBody .recruiter img{
	margin-right: 5px;
}

.unitCompeBody .theme{
	float: left;
	line-height: 22px;
	margin-right: 10px;
}

.unitCompeBody .user{
	float: left;
}

.unitCompeBody .user img{
	margin-right: 5px;
}

.unitCompeBody .listDef{
	font-size: 85%;
	float: right;
	line-height: 22px;
	width: 200px;
	text-align: right;
}

.unitCompeBody .listDef dt,
.unitCompeBody .listDef dd{
	display: inline;
	float: none;
}

.unitCompeChoice{
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}

.unitCompeChoice .listThumb{
	margin-top: 9px;
}

.unitCompeChoice .listThumb li{
	float: left;
	margin-right: 5px;
}

.unitCompeChoice .listThumb li.fullscrean a{
	background: none;
	padding: 0;
}

.unitCompeChoice .listThumb li a.hide{
	display: none;
}

.unitCompeChoice .body2{
	margin-top: 10px;
	font-size: 93%;
	line-height: 1.8;
	clear: both;
}

.unitCompeChoice .utilities{
	text-align: right;
	margin-top: 10px;
}

.unitCompeChoice .utilities li{
	display: inline;
	padding-left: 10px;
	font-size: 93%;
}

.unitCompeChoiceData{
	zoom: 1;
}

.unitCompeChoiceData .group{
}

.unitCompeChoiceData .unitComment{
	clear: both;
	margin-top: 10px;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}

.unitCompeChoiceData .unitComment .navUserShortcut,
.unitCompeChoiceData .unitComment .date,
.unitCompeChoiceData .unitComment .image{
	top: 10px;
}

.unitCompeChoiceBlock{
	padding: 0;
	border: none;
	margin: 20px 0;
	padding: 10px;
}


.unitCompeChoiceBlock2{
	padding: 0;
	border: none;
	margin: 10px 0;
	padding: 10px;
}

.unitCompeChoiceBlock.unitEdit{
	padding: 10px;
	font-size: 100% !important;
	margin-bottom: 20px;
}

.unitCompeChoice .planTitle{
	margin-bottom: 8px;
}

.unitCompeChoice .label{
	float: left;
	margin-right: -10px;
	width: 63px;
	min-height: 63px;
	height: auto !important;
	height: 63px;
	position: relative;
	top: -12px;
	left: -25px;
}

.unitCompeChoice .thumb{
	float: left;
	margin-right: 10px;
}

.unitCompeChoice .boxArchitect{
	zoom: 1;
	display: table;
	width: 430px;
}

.unitCompeChoice .listWorks{
	margin-bottom: 0;
}

.unitCompeChoice .unitComment{
	margin-bottom: 0;
	margin-top: 10px;
}

.unitCompeChoice .viewMore,
.unitCompeChoice .collapsiblePanel1.close,
.unitCompeChoice .collapsiblePanel1{
	margin-bottom: 0;
}

.unitCompeChoice .collapsiblePanel1.close,
.unitCompeChoice .collapsiblePanel1{
	margin-top: 10px;
}

.unitCompeChoice .collapsibleStyle1 textarea{
	width: 586px;
}

.unitCompeChoice .boxArchitect p.body{
	font-size: 93%;
	margin-top: 10px;
}

.unitCompeChoice .boxArchitect .listWorks.col1 .listWorksItem{
	margin-bottom: 0;
}

.unitCompeFooter{
	border-bottom: 1px solid #bbb;
	padding: 7px 10px;
	font-size: 85%;
	zoom: 1;
}

.unitCompeFooter .listItemInfo{
	margin-bottom: 0;
	vertical-align: middle;
	overflow: hidden;
	zoom: 1;
}

.unitCompeFooter .listItemInfo li{
	display: inline-block;
	float: left;
}

.unitCompeFooter .listDef{
	line-height: 1.5;
}

.unitCompeChoice .lead2{
	margin: 10px 0 0;
}

/* unitPartnerCompe */
.unitPartnerCompe{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: -1px;
}

.unitPartnerCompeHeader{
	background: #f5f5f5;
	padding: 15px;
	border-bottom: 1px solid #eee;
}

.unitPartnerCompeHeader .image{
	float: left;
	margin-right: 15px;
}

.unitPartnerCompeHeader .body{
	overflow: hidden;
	zoom: 1;
	padding-right: 30px;
	position: relative;
}

.unitPartnerCompeHeader .body .client{
	font-size: 85%;
	margin-bottom: 5px;
}

.unitPartnerCompeHeader .body .title{
	line-height: 1.2;
}

.unitPartnerCompeHeader .body .title.icoNew a{
	background: url(/img/common/ico/ico_new_02.png) 100% 50% no-repeat;
	padding-right: 28px;
}

.unitPartnerCompeHeader .body .category{
	font-size: 93%;
	position: absolute;
	top: 0;
	right: 0;
	background: #666;
	color: #fff;
	padding: 0 10px;
}

.unitPartnerCompeInfo{
	padding: 15px;
	font-size: 85%;
	line-height: 1;
}

.unitPartnerCompeInfo .schedule{
	float: left;
}

.unitPartnerCompeInfo .schedule li{
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 15px;
	margin-right: 15px;
}

.unitPartnerCompeInfo .schedule li:last-child {
	border: none;
}

.unitPartnerCompeInfo .entry{
	float: right;
}

/* unitEdit */
.unitEdit{
	padding: 8px;
	border-top: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 93%;
}

@-moz-document url-prefix(){
	.unitEdit{
		border: none;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		-moz-box-shadow: 1px 1px 3px #777;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.unitEdit{
		border: none;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		-webkit-box-shadow: 1px 1px 3px #777;
	}
}

.unitEdit.selected{
	background: #ffd;
}

@-moz-document url-prefix(){
	.unitEdit.selected{
		background: #ffd;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.unitEdit.selected{
		background: #ffd;
	}
}


/* unitTerms */
.unitTerms{
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	height: 140px;
	overflow: auto;
	margin: 10px 0;
}

/* unitAlert */
.unitAlert{
	padding: 10px;
	border: 3px dotted #ccc;
	margin-bottom: 20px;
}

/* unitInformation */
.unitInformation{
	border: 1px solid #f99;
	margin: 15px 0 20px;
}

.unitInformationHeader{
	background: #fcc;
	padding: 5px 10px;
	border-bottom: 1px solid #f99;
}

.unitInformationHeader .title{
	font-weight: normal;
	color: #333;
}

.unitInformationHeader .title .infoCompe{
	background: url(/img/common/ico/ico_info_compe_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

.unitInformationHeader .title .infoNew{
	background: url(/img/common/ico/ico_info_new_01.png) 0 50% no-repeat;
	padding-left: 20px;
}

.unitInformationBody{
	padding: 10px;
}

.unitInformationBody .listNavTxt{
	margin: 0;
}

.unitInformationBody .date{
	display: inline;
	margin-right: 1em;
}

/* unitInformation2 */
.unitInformation2{
	border: 1px solid #ccc;
	margin: 15px 0 20px;
}

.unitInformation2Header{
	background: #eee;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}

.unitInformation2Header .title{
	font-weight: normal;
	color: #333;
}

.unitInformation2Body{
	padding: 10px;
}

.unitInformation2Body .listNavTxt{
	margin: 0;
}

.unitInformation2Body .date{
	display: inline;
	margin-right: 1em;
}

/* unitCategory */
.unitCategory{
	border: 1px solid #e5e5e5;
}

.unitCategory .listItemized{
	border: 7px solid #eee;
	margin: 0;
	padding: 10px 10px 5px;;
}

.unitCategory .listItemized li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.unitCategory .listItemized li.selected{
	background: url(/img/common/ico/ico_arrow_05_d.png) 0 50% no-repeat;
}

/* unitHelp */
.unitHelp{
	margin-bottom: 40px;
}

.unitHelp:target .ttlQuestion{
	font-size: 124%;
	background: url(/img/common/ico/ico_qa_q_01.png) 10px 50% #75ad2c no-repeat;
	padding: 7px 10px 7px 38px;
	color: #fff;
	line-height: 1;
}

.unitHelp .ttlQuestion{
	font-size: 124%;
	background: url(/img/common/ico/ico_question_02.png) 10px 0.3em #eee no-repeat;
	padding: 8px 10px 7px 38px;
	color: #666;
	margin-bottom: 20px;
}

.unitHelp .unitHelpAnswer{
	background: url(/img/common/ico/ico_answer_02.png) 10px 0 no-repeat;
	padding-left: 38px;
}

/* unitCampaignEnd */
.unitCampaignEnd{
	border: 1px solid #ff6600;
	background: #ffffcd;
	color: #f60;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	margin: 10px 0 15px;
}

/* campaignEnd */
.campaignEnd{
	font-weight: bold;
	color: #f90;
	line-height: 1.8;
}

/* avator */
.unitAvator{
	margin: 0 0 20px;
}
.unitAvatorBox{
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 15px;
}

.unitAvatorBox .image{
	float: left;
	margin-right: 10px;
}

.unitAvatorBoxInfo{
	overflow: hidden;
	zoom: 1;
	font-size: 93%;
}

.unitAvatorBoxInfo .name{
	margin-bottom: 5px;
}

.unitAvatorBox .nav a{
	background: url(/img/common/ico/ico_arrow_r_g.png) 0 50% no-repeat;
	padding-left: 17px;
}

.unitAvatorBox .nav a:hover{
	background: url(/img/common/ico/ico_arrow_r_g.png) 1px 50% no-repeat;
}

.unitAvator .navUser .mypage{
	float: left;
}

.unitAvator .navUser .logout{
	float: right;
}

/* unitSignup */
.unitSignup{
	margin: 0 0 10px;
}

.unitSignupSection{
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

.unitSignupSection table{
	width: 100%;
}

.unitSignupSection table th{
	width: 91px;
	vertical-align: middle;
	padding: 2px;
}

.unitSignupSection table td{
	vertical-align: middle;
	padding: 2px;
}

.unitSignupSection table td li{
	font-size: 93%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 5px;
	margin-right: 3px;
}

.unitSignupSection table td li .inlineLink{
	padding-left: 15px;
}

/* ■■mod■■Image Nav
----------------------------------- */
/* listNavImgLine */
.listNavImgLineL{}

.listNavImgLineC{}

.listNavImgLineR {}

.listNavImgLineL.ad,
.listNavImgLineC.ad,
.listNavImgLineR.ad {
	margin: 30px 0;
}

.listNavImgLineL { text-align: left; }
.listNavImgLineC { text-align: center; }
.listNavImgLineR { text-align: right; }

.listNavImgLineL li,
.listNavImgLineC li,
.listNavImgLineR li {
	display: inline;
	vertical-align: middle;
}

.listNavImgLineL li { margin-right: 10px; }
.listNavImgLineC li { margin: 0 5px; }
.listNavImgLineR li { margin-left: 3px; }

.listNavImgLineC li.col3 { margin: 0 3px; }

/* listNavImg */
.listNavImgL.ad,
.listNavImgC.ad,
.listNavImgR.ad {
	margin: 30px 0 30px;
}

.listNavImgL li,
.listNavImgC li,
.listNavImgR li {
	margin-bottom: 10px;
}

.listNavImgL { text-align: left; }
.listNavImgC { text-align: center; }
.listNavImgR { text-align: right; }

/* ■■mod■■Image Nav
----------------------------------- */
.listHousecoBnr{}

.listHousecoBnr .itemL{
	float: left;
}

.listHousecoBnr .itemR{
	float: right;
}


/* ■■mod■■Form Parts
----------------------------------- */
/* listSelect */
.listSelect {
	margin: 3px 0;
}

.listSelect li {
	margin: 3px 0;
}

.listSelect li input {
	margin: 0 5px 0 0;
}

/* listSelectLine */
.listSelectLine li{
	float: left;
	display: block;
	min-width: 100px;
	padding-right: 5px;
	margin: 2px 0;
}

.listSelectLine.small li{
	min-width: 85px;
}

.listSelectLine li input{
	margin: 0 5px 0 0;
}


/* for IE6 */
* html body .listSelectLine li {
	float: none;
}

/* textbox */
input.textbox,
textarea.textbox {
	width: 90%;
	padding: 3px;
	border: 1px solid #CCC;
}

textarea.textbox {
	font-size: 13px;
	min-height: 120px;
}

input.textbox.col2{
	width: 30%;
	margin: 0 10px 0 3px;
}

input.textbox.col3{
	width: 15%;
	margin: 0 5px;
}

input.textbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.textbox:focus{
	border: 1px solid #999;
}

/* selectbox */
select.selectbox{
	margin: 0 5px 0 0;
	padding: 3px;
}

input.error,
textarea.error {
	background-color: #FCC;
}

/* others */
p.input {
	margin: 3px 0;
}

p.error{
	color: #f93;
	font-weight: bold;
	background: url(/img/common/ico/ico_error_01.png) 0 50% no-repeat;
	padding: 0 0 0 30px;
	line-height: 25px;
	margin-bottom: 5px;
}

/* ■■mod■■Form
----------------------------------- */
/* table Form */
.tblForm1{
	background: #eee;
	padding: 10px;
}

.tblForm1 .intro{
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-size: 93%;
	line-height: 1.8;
	color: #333;
}

.tblForm1Title{
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}

.tblForm1Title.sectioning{
	margin-top: 20px;
}

.tblForm1 table{
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-size: 93%;
	margin-bottom: 10px;
}

.tblForm1 th{
	background: #e9f3ec;
	border: 1px solid #ddd;
	padding: 10px;
	width: 110px;
	color: #333;
}

.tblForm1 th.lv2{
	width: 60px;
}

.tblForm1 th p.itemName{
	display: inline;
	margin-right: 5px;
	font-weight: bold;
}

.tblForm1 th .tooltip{
	top: 2px;
}

.tblData th .note,
.tblForm1 th .note{
	clear: both;
	color: #de2015;
	margin-top: 3px;
}

.tblData th .note:before,
.tblForm1 th .note:before{
	content: "※";
}

.tblForm1 th .publicity{
	font-size: 85%;
	margin-top: 3px;
}

.tblForm1 td{
	border: 1px solid #ddd;
	padding: 10px;
	background: #fff;
	vertical-align: middle;
}

.tblForm1 .error td{
	background: #ffc;
}

.tblForm1 .error td .errorMsg{
	color: #f93;
	font-weight: bold;
	margin-bottom: 5px;
}

.tblForm1 td .note{
	font-size: 100%;
	clear: both;
	margin-top: 5px;
}

.tblForm1 td .note em{
	color: red;
	font-weight: bold;
}

.tblForm1 td img{
	vertical-align: middle;
}

.tblForm1 p.terms{
	margin: 5px 0;
}

.tblForm1 p.terms input{
	margin-right: 5px;
}

.tblForm1 .listItemized.col3{
	margin: 0;
}

.tblForm1 .listItemized.col3 li{
	min-width: 138px;
}

.tblForm1 .listItemized.col3 li.selected{
	margin-bottom: 0.5em;
	padding-left: 1em;
	background: url(/img/common/ico/ico_arrow_05_d.png) 0 50% no-repeat;
}

/* table Form */
.tblForm1.narrow{
	background: none;
	padding: 0;
}

/* form line */
.formLine {
	margin: 5px 0 10px;
}

.formLine .fill{
	height: 17px;
	width: 217px;
	margin-right: 5px;
}

/* collapsibleStyle1 */
.collapsibleStyle1{
	background: #eee;
	padding: 10px;
	margin-bottom: 10px;
}

.listWorksItem .collapsibleStyle1{
	margin-top: 10px;
}

.collapsibleStyle1.close{
	background: #ccc;
	padding: 0;
	margin-bottom: 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.collapsibleStyle1.close:hover{
	border: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding: 1px 0 0 1px;
	overflow: hidden;
	zoom: 1;
}

.collapsiblePanel1.close .panel{
	display: none;
}

.collapsibleStyle1 .title1{
	cursor: pointer;
	background: url(/img/common/ico/ico_arrow_05_d.png) 0 50% no-repeat;
	padding: 0 0 0 15px;
	line-height: 1;
	font-size: 93%;
	color: #323232;
}

.collapsibleStyle1.close .title1{
	padding: 10px 10px 10px 25px;
	background: url(/img/common/ico/ico_arrow_05.png) 12px 50% no-repeat;
}

.collapsibleStyle1 .title2{
	display: none;
}

.collapsibleStyle1.close .title2{
	padding: 10px;
	cursor: pointer;
	line-height: 1;
	text-align: center;
	display: block;
}

.collapsibleStyle1 textarea{
	width: 606px;
	height: 70px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.collapsibleStyle1 .tblForm1 textarea{
	width: 433px;
}

/* collapsibleStyle2 */
.collapsibleStyle2{
	margin-top: 1px;
	background: #eee;
	margin-bottom: 10px;
	padding-top: 10px;
}

.collapsibleStyle2.close{
	background: #ccc;
	padding: 0;
	margin-bottom: 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.collapsibleStyle2.close:hover{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: none;
	border-bottom: none;
	overflow: hidden;
	zoom: 1;
}

.collapsiblePanel1.close .panel{
	display: none;
}

.collapsibleStyle2 .title2{
	display: none;
}

.collapsibleStyle2.close .title2{
	padding: 10px;
	cursor: pointer;
	line-height: 1;
	text-align: center;
	display: block;
}

.collapsibleStyle2 .ttlAnswer{
	margin-left: 10px;
}

/* tabPanel1 */
.tabPanel1{
	margin-bottom: 10px;
}

.tabPanel1 .navSubCategory{
	margin-bottom: 0;
}

.tabPanel1 .tab li{
	cursor: pointer;
}

.tabPanel1 .panel.close{
	display: none;
}

/* ■■mod■■Data Table
----------------------------------- */
/* tblData */
.tblData{
	margin-bottom: 30px;
}

.tblData table {
	margin: 5px 0;
	border-collapse: collapse;
	font-size: 93%;
	width: 100%;
}

.tblData table caption {
	font-weight: bold;
}

.tblData th,
.tblData td {
	padding: 5px 10px;
	border: 1px solid #CCC;
	word-break: break-all;
}

.layoutType4 .tblData th,
.layoutType4 .tblData td {
	padding: 10px;
}

.tblData th {
	background: #eee;
	width: 120px;
	padding: 5px;
	color: #333;
	font-weight: bold;
}

.layoutType4 .tblData th {
	width: 145px;
}

.tblData th.lv2 {
	width: 70px;
}

.tblData td .listNavTxt {
	margin: 0;
}

/* tblData2 */
.tblData2{
	margin-bottom: 30px;
}

.tblData2 table {
	margin: 5px 0;
	border-collapse: collapse;
	font-size: 93%;
	width: 100%;
}

.tblData2 table caption {
	font-weight: bold;
}

.tblData2 table tr:hover {
	background: #ffffe3;
}

.tblData2 table .selected:hover,
.tblData2 table .selected {
	background: #ffc;
}

.tblData2 th,
.tblData2 td {
	padding: 5px 10px;
	border: 1px solid #CCC;
	vertical-align: middle;
}

.tblData2 th {
	background: #eee;
	color: #333;
}

.tblData2 .number {
	text-align: right;
}

/* ■■mod■■boxSort
----------------------------------- */
.boxSort{
	border: 1px solid #e5e5e5;
	font-size: 93%;
	margin: 15px 0 5px;
}

.boxSort.narrowDown{
	margin: 5px 0 5px;
}

.boxSort h4{
	float: left;
}

.boxSort li{
	float: left;
	margin-left: -1px;
}

.boxSort li span{
	border-left: 1px solid #ccc;
	padding: 0 15px;
	line-height: 23px;
}

.boxSort.narrowDown li{
	margin-top: 0;
	margin-bottom: 0;
	height: 23px;
}

.boxSort li:first-child span{
	border: none;
}

.boxSort li.current{
	font-weight: bold;
}

.boxSort li.ascend a{
	background: url(/img/common/ico/ico_descend_01.png) 100% 50% no-repeat;
	padding-right: 18px;
}

.boxSort li.descend a{
	background: url(/img/common/ico/ico_ascend_01.png) 100% 50% no-repeat;
	padding-right: 18px;
}

/* ■■mod■■Pager
----------------------------------- */
.navPager {
	position: relative;
	font-size: 93%;
	margin: 10px 0;
	min-height: 1em;
	height: auto !important;
	height: 1em;
	zoom: 1;
	text-align: right;
}

.navPager p {
	zoom: 1;
	line-height: 19px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.navPager ul {
	position: relative;
	top: 4px;
	height: 19px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 12px;
}

.navPager li {
	float: left;
	margin: 0 3px;
}

.navPager li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 17px;
	padding: 0 4px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

.navPager li a:hover {
}

.navPager li span {
	border: 1px solid #ccc;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 17px;
	zoom: 1;
	padding: 0 4px;
	vertical-align: middle;
}

.navPager li.current {
	font-weight: bold;
}

.navPager li img {
	vertical-align: middle;
}

.navPager li.first span ,
.navPager li.last span ,
.navPager li.prev span ,
.navPager li.next span ,
.navPager li.first a ,
.navPager li.last a ,
.navPager li.prev a ,
.navPager li.next a {
	border: none;
	background: none;
	padding: 0;
	height: 19px;
	line-height: 19px;
	position: relative;
	top: -1px;
	vertical-align: bottom;
}

.navPager li.prev span ,
.navPager li.next span ,
.navPager li.prev a ,
.navPager li.next a {
}

/* navPager2 */
.navPager2{
	font-size: 93%;
	margin: 5px 0 10px;
	text-align: center;
}

.navPager2 li{
	display: inline;
	padding: 0 80px;
}

.navPager2 li.prev{
	text-align: left;
}

.navPager2 li.prev a{
	background: url(/img/common/btn/btn_pager_prev_01.png) 0 50% no-repeat;
	padding-left: 25px;
}

.navPager2 li.prev a:hover{
	background: url(/img/common/btn/btn_pager_prev_01_o.png) 0 50% no-repeat;
}

.navPager2 li.prev span{
	background: url(/img/common/btn/btn_pager_prev_01_i.png) 0 50% no-repeat;
	padding-left: 25px;
}

.navPager2 li.next{
	text-align: right;
}

.navPager2 li.next a{
	background: url(/img/common/btn/btn_pager_next_01.png) 100% 50% no-repeat;
	padding-right: 25px;
}

.navPager2 li.next a:hover{
	background: url(/img/common/btn/btn_pager_next_01_o.png) 100% 50% no-repeat;
}

.navPager2 li.next span{
	background: url(/img/common/btn/btn_pager_next_01_i.png) 100% 50% no-repeat;
	padding-right: 25px;
}

/* navPager3 */
.navPager3{
	font-size: 93%;
	margin: 5px 0 10px;
}

.navPager3.boxHr{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.navPager3 li{
	width: 33%;
}

.navPager3 li.prev{
	float: left;
	text-align: left;
}

.navPager3 li.prev a{
	background: url(/img/common/btn/btn_pager_prev_01.png) 0 50% no-repeat;
	padding-left: 25px;
}

.navPager3 li.prev a:hover{
	background: url(/img/common/btn/btn_pager_prev_01_o.png) 0 50% no-repeat;
}

.navPager3 li.prev span{
	background: url(/img/common/btn/btn_pager_prev_01_i.png) 0 50% no-repeat;
	padding-left: 25px;
}

.navPager3 li.next{
	float: right;
	text-align: right;
}

.navPager3 li.top{
	text-align: center;
	float: left;
}

.navPager3 li.next a{
	background: url(/img/common/btn/btn_pager_next_01.png) 100% 50% no-repeat;
	padding-right: 25px;
}

.navPager3 li.next a:hover{
	background: url(/img/common/btn/btn_pager_next_01_o.png) 100% 50% no-repeat;
}

.navPager3 li.next span{
	background: url(/img/common/btn/btn_pager_next_01_i.png) 100% 50% no-repeat;
	padding-right: 25px;
}

/* ■■mod■■accordionPanel
----------------------------------- */
.accordionPanel1{
	border-top: 1px #ccc solid;
	margin-bottom: 5px;
}

.accordionPanelItem.close .panel{
	display: none;
}

.accordionPanelItem .panel{
	padding: 10px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

.accordionPanelItem h3.title{
	cursor: pointer;
	background: url(/img/common/ico/ico_arrow_05_d.png) 10px 50% no-repeat #eee;
	padding: 10px 10px 10px 25px;
	line-height: 1;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin-bottom: 1px;
	color: #333;
}

.accordionPanelItem.close .title{
	background: url(/img/common/ico/ico_arrow_05.png) 12px 50% no-repeat #ccc;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

.accordionPanelItem.close .title:hover{
	background: url(/img/common/ico/ico_arrow_05.png) 12px 50% no-repeat #ddd;
}

.accordionPanelItem .panel .viewMore{
	margin: 0;
}

/* ■■mod■■unitArticle
----------------------------------- */
.unitArticle{
	border: 1px solid #ccc;
}

.unitArticleHeader{
	padding: 5px 10px;
	border-bottom: 1px dotted #75ad2c;
}

.unitArticleHeader .avator{
	float: left;
	margin-right: 10px;
}

.unitArticleHeader .listDef{
	float: left;
	line-height: 22px;
	margin-right: 25px;
}

.unitArticleHeader .listDef dt{
	font-weight: bold;
}

.unitArticleHeader .listDef dd a{
	font-weight: bold;
}

.unitArticleHeader .date{
	float: right;
}

.unitArticleHeader.headline{
	font-weight: normal;
	background: #eee;
	border-bottom: 1px solid #ccc;
}

.unitArticleBody{
	padding: 10px;
	line-height: 1.8;
}

/* ■■mod■■unitQuote
----------------------------------- */
.unitQuote{
	margin-bottom: 50px;
}

.ttlQuote{
	background: url(/img/common/bg/bg_quote_01.png) 0 0 no-repeat #75ad2c;
	padding: 5px 30px 5px 35px;
	font-size: 124%;
}

.ttlQuote a{
	color: #fff;
}

.unitQuoteBody{
	padding: 20px;
	border: 1px dotted #75ad2c;
	border-top: none;
	line-height: 1.8;
	margin-bottom: 10px;
}

.unitQuoteBody .source{
	margin-top: 10px;
	text-align: right;
	font-size: 93%;
	font-style: italic;
}

/* ■■mod■■unitIntroduction
----------------------------------- */
.unitIntroduction{
	border: 1px solid #ccc;
	font-size: 93%;
	margin-bottom: 30px;
	overflow: hidden;
}

.unitIntroduction.col2L{
	float: left;
	width: 310px;
}

.unitIntroduction.col2R{
	float: right;
	width: 310px;
}

.unitIntroductionHeader{
	background: #eee;
	padding: 10px;
	border-bottom: 1px dotted #666;
}

.unitIntroductionHeader .title{
}

.unitIntroductionBody{
	padding: 10px;
}

.unitIntroductionBody .boxMedia{
	margin-bottom: 0;
}

.unitIntroductionBody .boxHr{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	zoom: 1;
}

.unitIntroductionBody .boxMedia .media{
	margin-bottom: 0;
	zoom: 1;
	display: table;
}

.unitIntroductionBody .unitMediaL .media{
	float: left;
}

.unitIntroductionBodyPerson{}

.unitIntroductionBodyPerson .avator{
	margin-right: 10px;
	float: left;
}

.unitIntroductionBodyPerson .name{
	display: table;
	zoom: 1;
	overflow: hidden;
	line-height: 22px;
	margin-bottom: 5px;
}

/* ■■mod■■unitIntroduction
----------------------------------- */
.unitIntroductionArchitect{
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	margin: 20px 0;
}

.unitIntroductionArchitect .thumb{
	float: left;
	margin-right: 15px;
}

/* ■■mod■■unitData
----------------------------------- */
.unitData{
	border: 1px solid #ccc;
	padding: 15px;
	line-height: 1.8;
	margin: 10px 0 20px;
}

.unitData .unitDataDef dt{
	font-size: 93%;
	font-weight: bold;
	float: left;
	clear: both;
	margin-right: 10px;
}

.unitDataL{
	float: left;
	width: 280px;
}

.unitDataR{
	float: right;
	width: 280px;
}

/* ■■mod■■Media Box
----------------------------------- */
.boxMedia {
	margin-bottom: 20px;
	zoom: 1;
}

.boxMedia .listWorksItem{
	margin-bottom: 0;
}

/* captionがない場合 : div */
.boxMedia div.unitMediaR,
.boxMedia div.unitMediaL {
	display: table;
	width: auto;
}

.boxMedia div.unitMediaC{
	text-align: center;
	padding-top: 10px;
}

/* captionがある場合 : table */
.boxMedia table.unitMediaR,
.boxMedia table.unitMediaL {
	width: 1px;
}

.boxMedia .unitMediaR {
	float: right;
	margin-left: 20px;
}

.boxMedia .unitMediaL {
	float: left;
	margin-right: 20px;
}

.boxMedia .media {
	margin-bottom: 20px;
}

.boxMedia .media.media-175-130 {
	width: 175px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}

.boxMedia .media.media-175-130 img{
}

.boxMedia .unitTxt {
	display: table;
	zoom: 1;
}

.boxMedia.type2 .unitTxt {
	display: block;
	zoom: 1;
	overflow: hidden;
}

/* caption */
.boxMedia table.unitMediaR .caption,
.boxMedia table.unitMediaL .caption {
	margin: -20px 0 20px;
	font-size: 85%;
	background: #eee;
	padding: 10px;
}

.boxMedia.builthouseco .unitTxt {
	float: right;
	width: 299px;
	overflow: visible;
	display: block;
}

.boxMedia.builthouseco .unitTxt p {
	overflow: hidden;
	word-break: break-all;
}

/* ■■mod■■boxMagazine
----------------------------------- */
.boxMagazine{
	margin: 20px 0;
	font-size: 93%;
}

.boxMagazine .unitMedia{
	float: left;
	margin-right: 15px;
}

.boxMagazine .unitTxt{
	width: 220px;
	margin-right: 15px;
	float: left;
	overflow: hidden;
	zoom: 1;
}

.boxMagazine .unitTxt .title{
	margin-bottom: 10px;
}

.boxMagazine .unitTxt .body{
	margin-bottom: 10px;
}

/* ■■mod■■image detail
----------------------------------- */
/* imageDetail1 */
.imageDetail1{
	margin: 0 0 10px;
}

/* utilities */
.imageDetail1 .utilities{
	background: #eee;
	padding: 5px;
	font-size: 93%;
	margin-bottom: 1px;
}

.imageDetail1 .utilities li{
	display: inline;
	margin-right: 5px;
}

.imageDetail1 .utilities img{
	vertical-align: middle;
}

.imageDetail1 .utilities li a{
	color: #666;
}

/* slideshow */
.slideshow{
	position: relative;
	background: #eee;
	zoom: 1;
	overflow: hidden;
}

.works .slideshow{
	height: 70px;
}

.plan .slideshow{
	height: 81px;
}

.slideshowController{
	width: 530px;
	margin: 10px auto;
	zoom: 1;
	overflow: hidden;
}

.works .slideshowController{
	height: 50px;
}

.plan .slideshowController{
	height: 61px;
}

.slideshowController ul{
	width: 700px;
	zoom: 1;
}

.slideshowController ul{
	height: 61px;
}

.slideshowController li{
	display: inline;
	padding: 0 3px;
	zoom: 1;
}

.works .slideshowController li img{
	height: 25px;
	width: 44px;
}

.plan .slideshowController li img{
	height: 30px;
	width: 40px;
}

.slideshowController li.selected img{
	zoom: 1;
	width: auto;
	height: auto;
}

.slideshowController li a:hover img{
	padding-bottom: 3px;
}

.slideshowController li.selected a:hover img{
	padding-bottom: 0;
}

/* navSlideshowController */
.navSlideshowController li{
	position: absolute;
	text-align: center;
	bottom: 10px;
	zoom: 1;
	overflow: hidden;
}

.navSlideshowController li a{
	width: 39px;
	background: #ccc;
	display: block;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

.works .navSlideshowController li a{
	height: 24px;
}

.plan .navSlideshowController li a{
	height: 29px;
}

.navSlideshowController li a:hover{
	background: #ddd;
}

.works .navSlideshowController li a img{
	line-height: 1;
	padding-top: 5px;
}

.plan .navSlideshowController li a img{
	line-height: 1;
	padding-top: 8px;
}

.navSlideshowController li.prev{
	left: 0;
}

.navSlideshowController li.next{
	right: 0;
}

/* imageDetail1field */
.imageDetail1field{
	text-align: center;
}

.imageDetail1field .info{
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0.7;
}

.imageDetail1field .info .description{
	padding: 20px 170px 20px 20px;
	color: #fff;
}

.imageDetail1field .controller{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.imageDetail1field .controller .prev{
	position: absolute;
	top: -45px;
	left: 0;
}

.imageDetail1field .controller .next{
	position: absolute;
	top: -45px;
	right: 0;
}

.imageDetail1field .addClip2{
	position: absolute;
	top: 0;
	right: 0;
}

/* imageDetail1Info */
.imageDetail1Info{
	background: #eee;
	padding: 10px;
	font-size: 93%;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

/* imageWorks1 */
.imageWorks1{
	width: 316px;
	overflow: hidden;
	zoom: 1;
}

.imageWorks1 .main{
	margin-bottom: 10px;
}

.imageWorks1 ul{
	width: 326px;
}

.imageWorks1 ul li{
	float: left;
	margin: 0 3px 3px 0;
}

.imageWorks1 ul li a img{
	border: 4px solid #ccc;
}

/* ■■mod■■Ad
----------------------------------- */
/* boxAd1 */
.boxAd1{
	border: #eee 1px solid;
	background: url(/img/common/pr/pr_01.png) 0 50% no-repeat #fff;
	padding-left: 55px;
}

/* boxAd2 */
.boxAd2{
	margin: 30px 0;
	border: #eee 1px solid;
	padding: 10px 0;
}

.layoutMain .boxAd2{
	background: url(/img/common/pr/pr_02.png) 0 0 no-repeat #fff;
	padding-top: 12px;
}

.layoutMain .boxAd2 .inner{
	width: 468px;
	margin: 0 auto;
}

.layoutSub .boxAd2 .inner{
	width: 300px;
	margin: 0 auto;
}

/* レクタングル広告 */
#adRectangle{
	margin-bottom: 30px;
}

/* ブーメラン広告 */
.boomerangAd {
	font-size: 85%;
	padding: 0 10px 10px 10px;
}

.boomerangAd li{
	zoom: 1;
	display: inline;
	margin-right: 10px;
}

/* side */
.boxAd200_90{
	margin: 20px auto;
}

/* footer */
.boxAd728_90{
	clear: both;
	width: 965px;
	margin: 30px auto;
}

/* 作品詳細 */
.imageDetail2Info .boxAd336_280{
	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

/* ■■mod■■suggestion
----------------------------------- */
#suggestion{
	background: #eee;
	padding: 15px;
	margin: 30px 0;
	font-size: 93%;
}

#suggestion .description{
	margin: 5px 0;
}

#suggestion textarea{
	width: 264px;
	height: 6em;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#suggestion textarea:focus{
	border: 1px solid #999;
}

/* ■■mod■■pickup keyword
----------------------------------- */
.pickupKeyword{
	background: #eee;
	padding: 10px;
	font-size: 85%;
	margin: 30px 0 20px;
}

.pickupKeyword .ttl2{
	margin-bottom: 5px;
}

.pickupKeyword .formLine{
	margin-bottom: 5px;
}

.pickupKeyword .formLine .fill{
	width: 195px;
}

.pickupKeyword .title{
	font-weight: normal;
	display: inline;
}

.pickupKeyword ul{
	display: inline;
}

.pickupKeyword li{
	display: inline;
	margin-right: 5px;
}

/* ■■mod■■modal box
----------------------------------- */
#overlay{
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	zoom: 1;
	z-index: 10000;
	background: #000;
	opacity: .3;
        filter: alpha( opacity=30 );
}

.mbStyle1{
	position: fixed !important;
	position: absolute;
	background: #fff;
	border: 4px solid #eee;
	width:610px;
	padding: 10px;
	top: 75px;
	left: 50%;
	margin-left: -319px;
	z-index: 10001;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.mbStyle1 .mbTitle{
	font-weight: bold;
	margin-bottom: 5px;
}

.mbStyle1 .tblForm1{
	background: #fff;
	padding: 0;
}

/* --------------------------------------------------
	interview Module
-------------------------------------------------- */
.serialTitle{
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.serialTitle .vol{
	background: #ccc;
	width: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 93%;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

.serialTitle .title{
	line-height: 1.8;
	padding-top: 5px;
	overflow: hidden;
	zoom: 1;
}

.serialTitle .title .note{
	padding-top: 5px;
}

.serialTitle .title .theme{
	font-size: 124%;
}

.interviewLead{
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 1em;
}

.interviewEditor{
	border-left: 2px solid #75ad2c;
	padding: 3px 0 3px 10px;
	font-weight: bold;
	margin-bottom: 1em;
	color: #999;
	font-size: 93%;
	display: table;
	zoom: 1;
}

.interviewEditor .question{
	margin-right: 10px;
	color: #690;
}

/* --------------------------------------------------
	light box
-------------------------------------------------- */
#viewer .overlay{
	background: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	zoom: 1;
}

#viewer .imgWrapper{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 501;
}

#viewer .controller{
	height: 65px;
	background: #fff;
	background: rgba(255,255,255,0.5);
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 502;
	zoom: 1;
}

#viewer .controllerArchitect{
	padding: 10px;
	width: 388px;
	background: #fff;
	height: 45px;
	float: left;
	zoom: 1;
}

#viewer .controllerArchitect .avator{
	float: left;
	margin-right: 10px;
}

#viewer .controllerArchitect .title{
	font-weight: bold;
}

#viewer .controllerArchitect .architect{
	font-size: 93%;
}

#viewer .controllerDownload a{
	display: block;
	width: 100px;
	height: 64px;
	background: url(/img/common/ico/ico_download_02.png) 50% 15px no-repeat #ccc;
	float: right;
	color: #333;
	font-size: 93%;
	text-align: center;
	line-height: 50px;
	padding-top: 14px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #999;
}

#viewer .controllerDownload a:hover{
	background: url(/img/common/ico/ico_download_02.png) 50% 15px no-repeat #d2d2d2;
}

#viewer .controllerSlideshow a{
	display: block;
	width: 100px;
	height: 64px;
	background: url(/img/common/ico/ico_slideshow_01.png) 50% 15px no-repeat #ccc;
	float: right;
	color: #333;
	font-size: 93%;
	text-align: center;
	line-height: 50px;
	padding-top: 14px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #999;
}

#viewer .controllerSlideshow a:hover{
	background: url(/img/common/ico/ico_slideshow_01.png) 50% 15px no-repeat #d2d2d2;
}

#viewer .controllerThumb{
	height: 65px;
	overflow: hidden;
	zoom: 1;
}

#viewer .controllerThumb .prev{
	float: left;
	padding: 15px 10px 10px 10px;
}

#viewer .controllerThumb .next{
	float: right;
	padding: 15px 10px 10px 10px;
}

#viewer .thumbWrapper{
	overflow: hidden;
	zoom: 1;
	height: 60px;
}

#viewer .controllerThumb ul{
	width: 2000px;
	height: 60px;
}

#viewer .controllerThumb li{
	float: left;
	line-height: 60px;
	padding: 0 2px;
	height: 60px;
}

#viewer .controllerThumb .work li img{
	width: 44px;
	height: 25px;
	vertical-align: bottom;
	line-height: 60px;
}

#viewer .controllerThumb .work li.current img{
	width: 88px;
	height: 50px;
	line-height: 60px;
}

#viewer .controllerThumb .plan li img{
	width: 40px;
	height: 30px;
	vertical-align: bottom;
	line-height: 60px;
}

#viewer .controllerThumb .plan li.current img{
	width: 60px;
	height: 45px;
	line-height: 60px;
}

/* --------------------------------------------------
	scrollable
-------------------------------------------------- */
div.scrollableWrapper{
	width: 635px;
	margin: 0 auto;
	position:relative;
}
 
div.scrollable { 
	position:relative;
	overflow:hidden;
	width: 540px;
	height: 70px;
	margin: 0 auto;
} 

.plan div.scrollable { 
	position:relative;
	overflow:hidden;
	height: 85px;
	margin: 0 0 10px;
} 
 
div.scrollable .items {
	width:20000em;
	position:absolute;
}

.scrollable .items li.active .image{
	outline: 2px solid #000;
	border: 1px solid #fff;
}

.scrollable .items li{
	display: block;
	float: left;
	margin: 10px 5px;
}

.scrollable .items li .image{
	margin-bottom: 5px;
}

.scrollable .items li .addClip2{
	display: none;
	text-align: left;
}

.scrollable .items li .addClip2 a{
	width: 53px;
}

.plan .scrollable .items li .addClip2 a{
	width: 46px;
}

.scrollableWrapper .prevPage,
.scrollableWrapper .nextPage{
	position: absolute;
	top: 10px;
	cursor: pointer;
}

.scrollableWrapper.plan .prevPage,
.scrollableWrapper.plan .nextPage{
	top: 20px;
}

.scrollableWrapper .prevPage{
	left: 0;
}

.scrollableWrapper .nextPage{
	right: 0;
}

.scrollableWrapper .disabled{
	display: none;
}

/* --------------------------------------------------
	Uniquely Module
-------------------------------------------------- */

/* ■■mod■■boxFlash
----------------------------------- */
#boxFlash{
	height: 270px;
	background: url(/img/common/ico/loading_02.gif) 50% 50% no-repeat;
}

/* ■■mod■■boxTopIntro
----------------------------------- */
#boxTopIntro{
	border: 1px solid #cfebf4;
	border-bottom: none;
	background: url(/img/top/intro2/bg.png) 0 0 repeat-x #fbfeff;
}

#boxTopIntroBody{
	padding-bottom:28px;
	display: none;
}

#boxTopIntroBody li{
	float: left;
	height: 210px;
	text-align: center;
	width: 260px;
}

#boxTopIntroBodySection1{
	}
#boxTopIntroBodySection2{ background: url(/img/top/intro2/bg_section2.png); }
#boxTopIntroBodySection3{ background: url(/img/top/intro/bg_section3.png); }

#boxTopIntroToggle{
	border-top: 1px solid #cfebf4;
	cursor: pointer;
	margin-bottom: 20px;
}

/* ■■mod■■category title
----------------------------------- */
.ttlCompe{
	background: url(/img/common/ico/ico_compe_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlCompe2{
	background: url(/img/common/ico/ico_compe_02.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlQa{
	background: url(/img/common/ico/ico_qa_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlReport{
	background: url(/img/common/ico/ico_report_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlBlog{
	background: url(/img/common/ico/ico_blog_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlNew{
	background: url(/img/common/ico/ico_new_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlRanking{
	background: url(/img/common/ico/ico_ranking_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlMypage{
	background: url(/img/common/ico/ico_mypage_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlHistory{
	background: url(/img/common/ico/ico_echo_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
}

.ttlNotification{
	background: url(/img/common/ico/ico_announce_01.png) 0 50% no-repeat;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-top: 4px;
	padding-left: 35px;
	font-size: 15px !important;
	color: #000 !important;
}

.ttlClip{
	background: url(/img/common/ico/ico_clip_remove_01.png) 5px 50% #eee no-repeat;
	padding: 5px 5px 5px 25px;
	font-size: 93%;
	color: #333;
	font-weight: normal;
	margin: 10px 0;
}

.ttlClip a{
	color: #333;
	font-weight: normal;
}

/* ■■mod■■socialfeedback
----------------------------------- */
.socialfeedback{
	display: block !important;
	margin-top: 10px;
}

.socialfeedback .socialItem{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

/* --------------------------------------------------
	QA
-------------------------------------------------- */

/* qaDetail */

.qaDetail{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.qaDetailHeader{
	background: #eee;
	padding: 10px;
	color: #333;
}

.qaDetailHeader .thumb{
	float: left;
	margin-right: 10px;
}

.qaDetailHeader .name{
	float: left;
	font-size: 93%;
	width: 215px;
}

.qaDetailHeader .name dt:after{
	content: "：";
}

.qaDetailHeader .name a{
	font-weight: bold;
}

.qaDetailHeader .info{
	float: left;
	width: 280px;
	font-size: 85%;
}

.qaDetailHeader .info li{
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.qaDetailHeader .status{
	float: right;
}

.qaDetailBody{
	padding: 10px;
	line-height: 2;
}

/* boxRecommendBook */
.boxRecommendBook{
	margin-top: 20px;
}

.boxRecommendBook .bookImage{
	float: left;
	margin-right: 15px;
}

.boxRecommendBook .bookBody{
	overflow: hidden;
	zoom: 1;
}

/* boxReview */
.boxReview{
	clear: both;
	margin-top: 20px;
}

.boxReview .btnReview{
	float: right;
	font-weight: bold;
	margin-left: 10px;
}

.boxReview .btnReview a{
	background: url(/img/common/ico/ico_good_01.png) 0 50% no-repeat;
	padding-left: 25px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.boxReview .count{
	float: right;
	font-size: 85%;
	padding-top: 3px;
}

.boxReview .baloon{
	background: none !important;
}

/* relatedQa */
.relatedQa{}

.relatedQa .ttl3{
	margin-bottom: 0;
}

.relatedQa li{
	background: url(/img/common/ico/ico_question_03.png) 10px 50% no-repeat;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px;
	padding-left: 35px;
}

.relatedQa li p{
	display: inline;
}

.relatedQa li p.count{
	font-size: 85%;
	margin-left: 10px;
}

/* --------------------------------------------------
	Staff
-------------------------------------------------- */

/* listStaff */
.listStaffItem{
	width: 315px;
	float: left;
	margin-bottom: 20px;
}

.listStaffItem .thumb{
	float: left;
	margin-right: 10px;
}

.listStaffItemInfo{
	overflow: hidden;
	zoom: 1;
	font-size: 93%;
}

/* --------------------------------------------------
	hitokoto
-------------------------------------------------- */
/* hitokotoForm */
#hitokotoForm{
	background: #eee;
	padding: 10px;
	margin-bottom: 5px;
}

#hitokotoForm .textbox{
	width: 490px;
}

/* unitHitokoto1 */
.unitHitokoto1{
	margin-bottom: 30px;
}

.unitHitokoto1 .avator{
	float: left;
}

.unitHitokoto1 .balloon{
	float: right;
	width: 550px;
	height: 37px;
	background: url(/img/common/bg/hitokoto_01.png) 0 0 no-repeat;
	padding-left: 28px;
	line-height: 37px;
	margin-bottom: 5px;
}

.unitHitokoto1 .footer{
	float: right;
}

.unitHitokoto1 .footer p{
	display: inline;
	margin-left: .5em;
}

.unitHitokoto1 .footer p.date{
	font-size: 85%;
}

/* unitHitokoto2 */
.unitHitokoto2{
	margin-bottom: 30px;
}

.unitHitokoto2 .balloon{
	width: 620px;
	height: 37px;
	background: url(/img/common/bg/hitokoto_02.png) 0 0 no-repeat;
	padding-left: 15px;
	line-height: 37px;
	margin-bottom: 5px;
}

.unitHitokoto2 .footer{
	float: right;
}

.unitHitokoto2 .footer p{
	display: inline;
	margin-left: .5em;
}

.unitHitokoto2 .footer p.date{
	font-size: 85%;
}

/* --------------------------------------------------
	signin
-------------------------------------------------- */
.listOpenIdService{
	width: 645px;
}

.listOpenIdService li{
	float: left;
	margin-right: 10px;
}

/* --------------------------------------------------
	searchQueryArea
-------------------------------------------------- */
#searchQueryArea{
}

/* boxMap
----------------------------------- */
#searchQueryArea .boxMap{
	background: #eee;
	padding: 8px;
	border: 1px solid #bfbfc1;
}

#searchQueryArea .boxMap .inner{
	background: url(/img/architect/search_architect/area/img_map_01.png) 0 0 no-repeat #fff;
	width: 613px;
	height:368px;
	border: 1px solid #bfbfc1;
	position: relative;
	z-index: 1;
}

#searchQueryArea .boxMap .inner li.areaGroup{
	display: block;
	position: absolute;
	z-index: 1;
}

#searchQueryArea .boxMap .inner li.areaGroup .layor1{
	position: relative;
	z-index: 1;
	display: block;
}

#searchQueryArea .boxMap .inner li.areaGroup:hover{
	z-index: 3;
}

#searchQueryArea .boxMap .inner li img.active{
	display: none;
	*display: block;
}

#searchQueryArea .boxMap .inner li:hover img.active{
	display: block;
}

#searchQueryArea .boxMap .inner li.areaGroup ul{
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	width: 160px;
	padding: 6px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 2px 2px 0 rgba(0,0,0,.45);
}

#searchQueryArea .boxMap .inner li.areaGroup ul li{
	margin-bottom: 0;
}

#searchQueryArea .boxMap .inner li.areaGroup:hover ul{
	display: block;
}

#searchQueryArea .boxMap .inner li.areaGroup ul a{
	display: block;
	*display: inline;
	padding: 5px 20px;
	font-size: 12px;
	color: #333;
	line-height: 1;
	background: url(/img/common/ico/ico_arrow_03.png) 10px 50% no-repeat;
}

#searchQueryArea .boxMap .inner li.areaGroup ul a:hover{
	background-color: #eee;
	*background-color: #fff;
}

#searchQueryArea .boxMap .inner .area1{
	top: 12px;
	right: 47px;
	width: 144px;
	height: 219px;
}

#searchQueryArea .boxMap .inner .area1 .layor1{
	width: 144px;
	height: 219px;
}

#searchQueryArea .boxMap .inner li.area1 ul{
	top: 0;
	left: -150px;
}

#searchQueryArea .boxMap .inner .area2{
	top: 231px;
	right: 134px;
	z-index: 2;
	width: 75px;
	height: 65px;
}

#searchQueryArea .boxMap .inner .area1 .layor2{
	width: 75px;
	height: 65px;
}

#searchQueryArea .boxMap .inner li.area2 ul{
	top: -50px;
	left: 50px;
}

#searchQueryArea .boxMap .inner .area3{
	top: 187px;
	right: 179px;
	width: 136px;
	height: 123px;
}

#searchQueryArea .boxMap .inner .area1 .layor3{
	width: 136px;
	height: 123px;
}

#searchQueryArea .boxMap .inner li.area3 ul{
	top: -180px;
	left: -50px;
}

#searchQueryArea .boxMap .inner .area4{
	top: 240px;
	right: 286px;
	width: 78px;
	height: 92px;
}

#searchQueryArea .boxMap .inner .area1 .layor4{
	width: 78px;
	height: 92px;
}

#searchQueryArea .boxMap .inner li.area4 ul{
	top: -150px;
	left: -40px;
}

#searchQueryArea .boxMap .inner .area5{
	top: 244px;
	right: 363px;
	width: 123px;
	height: 41px;
}

#searchQueryArea .boxMap .inner .area1 .layor5{
	width: 123px;
	height: 41px;
}

#searchQueryArea .boxMap .inner li.area5 ul{
	top: -110px;
	left: -20px;
}

#searchQueryArea .boxMap .inner .area6{
	top: 296px;
	right: 363px;
	width: 108px;
	height: 46px;
}

#searchQueryArea .boxMap .inner .area1 .layor6{
	width: 108px;
	height: 46px;
}

#searchQueryArea .boxMap .inner li.area6 ul{
	top: -50px;
	left: 100px;
}

#searchQueryArea .boxMap .inner .area7{
	top: 259px;
	right: 493px;
	width: 100px;
	height: 85px;
}

#searchQueryArea .boxMap .inner .area1 .layor7{
	width: 100px;
	height: 85px;
}

#searchQueryArea .boxMap .inner li.area7 ul{
	top: -180px;
	left: 0;
}

#searchQueryArea .boxMap .inner .area8{
	top: 124px;
	left: 77px;
	width: 70px;
	height: 30px;
}

#searchQueryArea .boxMap .inner .area1 .layor8{
	width: 70px;
	height: 30px;
}

#searchQueryArea .boxMap .inner li.area8 ul{
	top: -5px;
	left: 60px;
}

/* --------------------------------------------------
	89. Colorbox
-------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/img/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/img/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/img/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}


/* --------------------------------------------------
	90. Others
-------------------------------------------------- */

/* sectioning */
.sectioning{
	margin-top: 30px;
}

.sectioning2{
	margin-top: 20px;
}

.sectioning2b{
	margin-bottom: 20px;
}

.sectioning3{
	margin-top: 10px;
}

.sectioning4{
	margin-top: 60px;
}

.sectioning5{
	margin-top: 40px;
}

/* for Voice Browser */
.hidden {
	display: none;
}

.legacyHidden{
	*display: none;
}

/* Noscript Message */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #FCC;
	color: #F00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}

.cursorDefault {
	cursor: auto !important;
}

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */

.layoutType3:after,
.layoutType2:after,
.layoutType1:after,
.content:after,
.group:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.layoutType3,
.layoutType2,
.layoutType1,
.content,
.group {
	zoom: 1;
}