@charset "utf-8";

/*--------------------------------------
	reset
---------------------------------------
	common
	header
	nav
	topicPath
	footer
---------------------------------------
	contents
		- pageTop
		- contents_footer
	contents 2column
		- btnArea
		- table
		- continue
	contentsNav
---------------------------------------
---------------------------------------
- advantage
- blog (blog.css)
- data
- menu
- news (news.css)
- portfolio
- process (process.css)
- topics
- sitemap (sitemap.css)
- privacy (privacy.css)
---------------------------------------
	clearfix
---------------------------------------
---------------------------------------
last update: 2009.10.20
---------------------------------------*/


/* ============================================================
	reset
============================================================ */
/*
===========================================================
	basic.css ver 1.0 [2008/7/2]
	*This document validates as CSS level 3
	*GNU General Public License v3
	*http://higash.net/20080702/reset_css2.html

	Modify YUI Base CSS
	*Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.html

	Modify Formy CSS Form Framework 0.8(beta)
	*GNU General Public License v2
	*http://code.google.com/p/formy-css-framework/
===========================================================
*/

/* --A-- */
a {
cursor:pointer;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* --FORM-- */
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}

legend {
background:#fff;
padding:0.3em;
}

input, textarea {
line-height:1.4;
padding:0;
vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
}

input[type="submit"] {
padding:0.1em;
}

select {
padding:0;
}

	/* for IE6 */
	* html input {
	padding:0.1em;
	}

	* html input.checkbox,
	* html input.radio {
	vertical-align:-0.3em;
	}

	* html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}

	* html select {
	vertical-align:-0.2em;
	}

	/* for IE7 */
	*+html input {
	padding:0.1em;
	}

	*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}

	*+html select {
	vertical-align:-0.2em;
	}

	/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
	}

	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align:middle;
	}

	html:first-child input[type="submit"] {
	padding:0.3em;
	}

	html:first-child select {
	padding:0.2em;
	}

	/* for Opera9.5 [Safari3] */
	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:-0.3em;
	}

	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}

	/* for Safari3 */
	html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
	}

	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align:baseline;
	}

	html:not(:only-child:only-child) select {
	vertical-align:0.1em;
	}

/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
margin:1em 0;
}

/* --LIST-- */
ol, ul {
margin:1em 1em 1em 3em;
text-align:justify;
text-justify:inter-ideograph;
}

dl {
margin:1em;
}

ol li {
list-style:decimal outside;
}

ul li {
list-style:disc outside;
}

dl dd, ol li, ul li {
margin-bottom:0.5em;
}

/* --TABLE-- */
table {
margin-bottom:1em;
}

td, th {
border: 0;
/*border:1px solid;*/
padding:0.5em;
}

th {
font-weight:bold;
text-align:center;
}

/* --OTHER TAGS-- */
abbr, acronym {
border-bottom:1px dotted;
cursor:help;
}

blockquote {
margin:1em;
}

caption {
margin-bottom:0.5em;
text-align:center;
}

em, strong {
font-weight:bold;
}

p {
margin-bottom:1em;
text-align:justify;
text-justify:inter-ideograph;
}

/* clearfix */
.clearfix:after {
content:"";
display:block;
clear:both;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}

	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}






/* ========================================
	common
======================================== */
html {
	overflow-y: scroll;
	background-color: #FFFFFF;
	color: #444444;
}

body {
	background-color: #FFFFFF;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin: 0;
	padding: 0;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

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

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* ---------- LINK COLOR ---------- */
a:link {
	text-decoration: underline;
	color: #002B69;
}
a:visited {
	text-decoration: underline;
	color: #4C6A96;
}
a:hover, a:active {
	text-decoration: none;
	color: #4C6A96;
}



/*----------------------------------------------------
	HEADER
----------------------------------------------------*/
#header {
	border-top: 2px solid #000000;
	background-color: #FFFFFF;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#headerContents {
	clear: both;
	overflow: hidden;
	width: 880px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#header span {
	display: none;
}

#headerLogo {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#headerNav {
	float: right;
	width: 425px;
	margin: 0;
	padding: 0;
	text-align: right;
}


#header h1.logo {
	margin: 0;
	padding: 0;
	text-align: left;
}

/* ---------- HEADER_GLOBAL NAV ---------- */
#header ul#gnav {
	height: 23px;
	margin: 0;
	padding: 0;
	text-align: right;
	vertical-align: bottom;
}
#header ul#gnav li {
	display: inline;
	font-size: 0.4em;
	margin: 0;
	padding: 0 0 0 4px;
	text-align: right;
}

/* ---------- HEADER_NAV ---------- */
#header ul#nav {
	margin: 0;
	padding: 54px 0 0 0;
	text-align: right;
}
#header ul#nav li {
	display: inline;
	font-size: 0.4em;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align: right;
	vertical-align: bottom;
}

/* ---------- HEADER_TOPIC PATH ---------- */
#header #topicPath {
	width: 880px;
	margin: 0 auto;
	padding: 17px 0 30px 0;
	text-align: left;
}
#header #topicPath ul {
	margin: 0;
	padding: 0;
}
#header #topicPath ul li {
	display: inline;
	list-style-type: none;
	font-size: 10px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#header #topicPath ul li a {
	margin: 0;
	padding: 0 10px 0 0;
	background: url(../common/topicpath.gif) no-repeat right center;
}



/*----------------------------------------------------
	FOOTER
----------------------------------------------------*/
#footer {
	background-color: #000000;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footerContents {
	width: 880px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#footer p {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* ---------- FOOTER_NAV ---------- */
#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footer ul li {
	display: inline;
	text-align: left;
}



/*----------------------------------------------------
	CONTENTS
----------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	width: 880px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#contents p {
	color: #444444;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

/* ---------- PAGE TOP ---------- */
#contents p.pageTop {
	margin: 50px 0 0 0;
	padding: 0;
	text-align: right;
}



/*----------------------------------------------------
	CONTENTS_FOOTER
----------------------------------------------------*/
#contentsFooter {
	clear: both;
	overflow: hidden;
	width: 880px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#contentsFooter p {
	color: #444444;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

/* ---------- PAGE TOP ---------- */
#contentsFooter p.pageTop {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}



/*----------------------------------------------------
	CONTENTS 2column
----------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	width: 880px;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#contents #contentsMain {
	float: left;
	width: 630px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsNav {
	float: right;
	width: 210px;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* ---------- contentsMain ---------- */
#contents h2 {
	clear: both;
	overflow: hidden;
	height: 54px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain h3 {
	height: 50px;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: left;
}
#contents h2 img,
#contents #contentsMain h3 img {
	font-size: 0.4em;
	margin: 0;
	padding: 0;
}

#contents #contentsMain p {
	color: #444444;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}


/* ---------- btnArea ---------- */
#contents #contentsMain #btnArea {
	list-style-type: none;
	background-color: #F3F3F3;
	width: 630px;
	height: 100px;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #btnArea ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0 0 0 80px;
	text-align: center;
}
#contents #contentsMain #btnArea li {
	list-style-type: none;
	float: left;
	width: 160px;
	height: 39px;
	margin: 0;
	padding: 30px 0 0 50px;
	text-align: left;
	vertical-align: bottom;
}


/* ---------- table ---------- */
#contents #contentsMain caption {
	color: #444444;
	font-size: 12px;
	margin: 0;
	padding: 35px 0 7px 0;
	caption-side: top;
	text-align: left;
	font-weight: bold;
}

#contents #contentsMain table.hyo {
	border-top: solid #B9B9B9 1px;
	border-left: solid #B9B9B9 1px;
}
#contents #contentsMain table.hyo th {
	border-bottom: solid #B9B9B9 1px;
	border-right: solid #B9B9B9 1px;
	background-color: #335587;
}
#contents #contentsMain table.hyo th {
	border-bottom: solid #B9B9B9 1px;
	border-right: solid #B9B9B9 1px;
}
#contents #contentsMain table.hyo td {
	border-bottom: solid #B9B9B9 1px;
	border-right: solid #B9B9B9 1px;
}
#contents #contentsMain table.hyo td.item {
	border-bottom: solid #B9B9B9 1px;
	border-right: solid #B9B9B9 1px;
	background-color: #F2F2F2;
}

#contents #contentsMain table.hyo th p {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#contents #contentsMain table.hyo td.item p {
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#contents #contentsMain table.hyo td p {
	color: #444444;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
#contents #contentsMain table.hyo td p.left {
	color: #444444;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

/* ---------- continue ---------- */
#contents #contentsMain p.continue {
	font-size: 12px;
	margin: 0;
	padding: 10px 0 30px 0;
	text-align: right;
}
#contents #contentsMain p.continue a {
	background: url(../common/arw.gif) no-repeat right center;
	margin: 0;
	padding: 0 12px 0 0;
}



/* ---------------------------------------- */
/* ---------- contentsNav ---------- */
#contents #contentsNav {
	width: 210px;
	background: url(../common/nav_line.gif) no-repeat right top;
	margin: 10px 0 0 0;
	padding: 3px 0 0 0;
}
#contents #contentsNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contents #contentsNav ul li {
	list-style-type: none;
	display: block;
	width: 210px;
	height: 38px;
	background: url(../common/nav_bg.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li p {
	color: #002B69;
	font-size: 12px;
	margin: 0;
	padding: 9px 0 0 20px;
}

/* ---genzaichi---*/
#contents #contentsNav ul li#location {
	display: block;
	list-style-type: none;
	height: 38px;
	background: url(../common/nav_bg_on.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li#location p {
	color: #FFFFFF;
	font-size: 12px;
	padding: 9px 0 0 20px;
}
#contents #contentsNav ul li#location p a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#contents #contentsNav ul li#location p a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#contents #contentsNav ul li#location p a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
}


/* ---------- contentsNav-2 (nest) ---------- */
#contents #contentsNav ul li.nest1 {
	margin: 0;
	padding: 0;
	height: 38px;
}
#contents #contentsNav ul li.nest2 {
	margin: 0;
	padding: 0;
	height: 75px;
}

#contents #contentsNav ul li ul {
	background: url(../common/nav_line.gif) no-repeat right bottom;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contents #contentsNav ul li ul li {
	list-style-type: none;
	display: block;
	width: 210px;
	height: 38px;
	background: url(../common/nav_bg2.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li ul li p {
	color: #002B69;
	font-size: 12px;
	margin: 0;
	padding: 9px 0 0 30px;
}

/* ---genzaichi---*/
#contents #contentsNav ul li ul li#location {
	list-style-type: none;
	display: block;
	height: 38px;
	background: url(../common/nav_bg2_on.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li ul li#location p {
	color: #FFFFFF;
	font-size: 12px;
	padding: 9px 0 0 30px;
}


/* ---------- contentsNav-3 (nest) ---------- */
#contents #contentsNav ul li.nestCms {
	margin: 0;
	padding: 0;
	height: 228px;
}
#contents #contentsNav ul li ul li ul {
	background: url(../common/nav_line.gif) no-repeat right bottom;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contents #contentsNav ul li ul li ul li {
	list-style-type: none;
	display: block;
	width: 210px;
	height: 38px;
	background: url(../common/nav_bg3.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li ul li ul li p {
	color: #002B69;
	font-size: 12px;
	margin: 0;
	padding: 9px 0 0 40px;
}

/* ---genzaichi---*/
#contents #contentsNav ul li ul li ul li#location {
	list-style-type: none;
	display: block;
	height: 38px;
	background: url(../common/nav_bg3_on.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li ul li ul li#location p {
	color: #FFFFFF;
	font-size: 12px;
	padding: 9px 0 0 40px;
}



/* ---------- contentsNav 2 LINES ---------- */
#contents #contentsNav ul li.line2 {
	list-style-type: none;
	display: block;
	width: 210px;
	height: 53px;
	background: url(../common/nav2_bg.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li.line2 p {
	color: #002B69;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 0 0 20px;
	text-align: left;
}

/* ---genzaichi---*/
#contents #contentsNav ul li#location2 {
	display: block;
	list-style-type: none;
	width: 210px;
	height: 53px;
	background: url(../common/nav2_bg_on.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#contents #contentsNav ul li#location2 p {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 0 0 20px;
	text-align: left;
}


/* ---------- LINK COLOR ---------- */
#contents #contentsNav a:link {
	text-decoration: none;
	color: #002B69;
}
#contents #contentsNav :visited {
	text-decoration: none;
	color: #4C6A96;
}
#contents #contentsNav a:hover,
#contents #contentsNav a:active {
	text-decoration: underline;
	color: #4C6A96;
}


/* ---------- BANNER ---------- */
#contents #contentsNav ul#banner {
	width: 210px;
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0;
}
#contents #contentsNav ul#banner li {
	list-style-type: none;
	height: 60px;
	margin: 0;
	padding: 0 0 3px 0;
}
#contents #contentsNav ul#banner li img {
	border: 0;
	vertical-align:bottom;
}






/* ============================================================
	advantage
============================================================ */
#contents #contentsMain .advantage {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#contents #contentsMain .advantage p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 15px 0;
}
#contents #contentsMain .advantage p.image {
	margin: 0;
	padding: 30px 0 15px 0;
}

#contents #contentsMain .advantage h4 {
	margin: 0;
	padding: 15px 0;
}


/* ---------- advantageLink ---------- */
#contents #contentsMain #advantageLink ul {
	border-top: dotted 1px #000000;
	margin: 15px 0 0 0;
	padding: 30px 0 0 0;
	text-align: left;
}
#contents #contentsMain #advantageLink li {
	background: url(../advantage/images/arw.gif) no-repeat left top;
	font-size: 14px;
	margin: 0;
	padding: 0 0 15px 10px;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
}

/* ---------- qualityLink ---------- */
#contents #contentsMain #qualityLink ul {
	border-top: dotted 1px #000000;
	margin: 15px 0 0 0;
	padding: 30px 0 0 0;
	text-align: left;
}
#contents #contentsMain #qualityLink li {
	background: url(../advantage/images/arw.gif) no-repeat left top;
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 10px;
	text-align: left;
	vertical-align: bottom;
}

/* ---------- variousLink ---------- */
#contents #contentsMain #variousLink ul {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #variousLink li {
	background: url(../advantage/images/arw.gif) no-repeat left top;
	font-size: 12px;
	margin: 0;
	padding: 0 0 100px 10px;
	text-align: left;
	vertical-align: bottom;
}


/* ---------- quality ---------- */
#contents #contentsMain .quality {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
}
#contents #contentsMain .qualityImg {
	float: right;
	width: 110px;
	height: 110px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain .qualityInfo {
	float: left;
	width: 485px;
	height: 110px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents #contentsMain .qualityInfo dl {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain .qualityInfo dl dt {
	color: #002B69;
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
	font-weight: bold;
}
#contents #contentsMain .qualityInfo dl dd {
	color: #444444;
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

/* ---------- design ---------- */
#contents #contentsMain .design {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
}
#contents #contentsMain .designImg {
	float: right;
	width: 140px;
	margin: 0;
	padding: 0 70px 0 0;
	text-align: left;
}
#contents #contentsMain .designInfo {
	float: left;
	width: 370px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents #contentsMain .designInfo dl {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain .designInfo dl dt {
	color: #002B69;
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
	font-weight: bold;
}
#contents #contentsMain .designInfo dl dd {
	color: #444444;
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

/* ---------- design2 ---------- */
#contents #contentsMain .designRenkei {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
}
#contents #contentsMain .designRenkeiImg {
	float: right;
	width: 290px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain .designRenkeiTxt {
	float: left;
	width: 310px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#contents #contentsMain .designRenkeiTxt p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}




/* ============================================================
	blog
============================================================ */
/* ----- blog.css -----*/






/* ============================================================
	data
============================================================ */
#contents #contentsMain #data {
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
}

#contents #contentsMain #data p,
#contents #contentsMain #data dl,
#contents #contentsMain #data dl dt,
#contents #contentsMain #data dl dd {
	margin: 0;
	padding: 0;
	border: 0;
}

#contents #contentsMain #data dl {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #data dl dt {
	border-top: solid 1px #999999;
	width: 140px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #data dl dd {
	border-top: solid 1px #999999;
	width: 475px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
}

#contents #contentsMain #data dl dt p,
#contents #contentsMain #data dl dd p {
	color: #444444;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 12px;
	text-align: left;
}

#contents #contentsMain #data dl dd p.map {
	font-size: 12px;
	margin: 0;
	padding: 0 0 12px 0;
	text-align: right;
}
#contents #contentsMain #data dl dd p.map a {
	background: url(../common/arw.gif) no-repeat right center;
	margin: 0;
	padding: 0 12px 0 0;
}


#contents #contentsMain #data dl dd p.engage {
	background: url(../data/images/icon.gif) no-repeat top left;
	font-size: 12px;
	margin: 0;
	padding: 0 0 12px 24px;
	text-align: left;
}
#contents #contentsMain #data dl dd p.engageMid {
	background: url(../data/images/icon.gif) no-repeat top left;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 24px;
	text-align: left;
}
#contents #contentsMain #data dl dd p.engageTop {
	font-size: 12px;
	margin: 0;
	padding: 12px 0 0 12px;
	text-align: left;
}
#contents #contentsMain #data dl dd p.engageBtm {
	background: url(../data/images/icon.gif) no-repeat top left;
	font-size: 12px;
	margin: 0;
	padding: 0 0 12px 24px;
	text-align: left;
}


/* ---------- COMMENT ---------- */
#contents #contentsMain #dataComment {
	width: 630px;
	text-align: left;
}
#contents #contentsMain #dataComment p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 1.5;
}
#contents #contentsMain #dataComment p em {
	color: #002B69;
	font-size: 18px;
	font-weight: bold;
}

#contents #contentsMain #dataImage {
	width: 140px;
	margin: 0;
	padding: 5px 0 50px 490px;
	text-align: right;
}
#contents #contentsMain #dataImage p {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: right;
}
#contents #contentsMain #dataImage p.cap {
	font-size: 10px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	text-align: right;
}


/* ---------- MAP ---------- */
#contents #contentsMain #dataMap {
	margin: 0;
	padding: 20px 0 0 0;
	text-align: left;
}
#contents #contentsMain #dataMap p {
	margin: 0;
	padding: 0 0 30px 0;
	text-align: left;
}

#mapOsaka,
#mapTokyo {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
}






/* ============================================================
	menu
============================================================ */






/* ============================================================
	news
============================================================ */
/* ----- news.css -----*/






/* ============================================================
	portfolio
============================================================ */
/* ---------------------------------------------
	INDEX
--------------------------------------------- */
#contents #contentsMain #portfolioIndex {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	text-align: left;
}

#contents #contentsMain #portfolioIndex p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #portfolioIndex p.copy {
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #portfolioIndex p.other {
	font-size: 12px;
	line-height: 1.8;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}

/* ----- INDEX: note -----*/
#contents #contentsMain #portfolioIndex .note {
	clear: both;
	overflow: hidden;
	background: url(../portfolio/images/index_note_line.gif) no-repeat left bottom;
	width: 510px;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}


#contents #contentsMain #portfolioIndex .note .noteSummary {
	background: url(../portfolio/images/index_note_line_top.gif) no-repeat left top;
	width: 510px;
	margin: 0;
	padding: 25px 0 15px 0;
	text-align: center;
}
#contents #contentsMain #portfolioIndex .note .noteSummary dl {
	clear: both;
	overflow: hidden;
	width: 510px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#contents #contentsMain #portfolioIndex .note .noteSummary dt {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0x;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .note .noteSummary dt img {
	padding: 0 0 0 25px;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .note .noteSummary dd {
	float: right;
	width: 360px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .note ul {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 2px 20px 5px 0;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .note li {
	display: inline;
	width: 45px;
	height: 13px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
}
#contents #contentsMain #portfolioIndex .note li.long {
	display: inline;
	width: 55px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
}

#contents #contentsMain #portfolioIndex .note h6 {
	background: url(../portfolio/images/index_note_line_top.gif) no-repeat left top;
	margin: 0;
	padding: 25px 25px 10px 25px;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .note p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 25px 25px 25px;
	text-align: left;
}


/* ----- INDEX: comment -----*/
#contents #contentsMain #portfolioIndex .comment {
	clear: both;
	overflow: hidden;
	background: url(../portfolio/images/index_comment_line.gif) no-repeat left bottom;
	width: 530px;
	margin: 20px 0 0 50px;
	padding: 0 0 25px 0;
	text-align: center;
}
#contents #contentsMain #portfolioIndex .comment h6 {
	background: url(../portfolio/images/index_comment_line_top.gif) no-repeat left top;
	margin: 0;
	padding: 25px 25px 10px 25px;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .comment h6 span {
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .comment p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 0 25px;
	text-align: left;
}

#contents #contentsMain #portfolioIndex .comment .commentImg {
	float: right;
	width: 110px;
	margin: 0 25px 25px 0;
	padding: 0;
}
#contents #contentsMain #portfolioIndex .comment .commentTxt {
	float: left;
	width: 370px;
	margin: 0;
	padding: 0;
	text-align: left;
}


#contents #contentsMain #portfolioIndex h4 {
	width: 630px;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;
}

#contents #contentsMain #portfolioIndex .name {
	clear: both;
	overflow: hidden;
	width: 630px;
	height: 26px;
	background-color: #DDDDDD;
	margin: 15px 0 10px 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #portfolioIndex .name h5 {
	float: left;
	width: 300px;
	font-size: 12px;
	margin: 0;
	padding: 6px;
	text-align: left;
	font-weight: bold;
}
#contents #contentsMain #portfolioIndex .name ul {
	float: right;
	width: 310px;
	margin: 0;
	padding: 5px 0;
	text-align: right;
}
#contents #contentsMain #portfolioIndex .name li {
	display: inline;
	width: 45px;
	height: 13px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: right;
	vertical-align: bottom;
}
#contents #contentsMain #portfolioIndex .name li.long {
	display: inline;
	width: 55px;
	height: 13px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: right;
	vertical-align: bottom;
}

/* ---------- portfolioLink ---------- */
#contents #contentsMain #portfolioLinkIndex ul {
	background: url(../portfolio/images/line.gif) no-repeat right top;
	margin: 0;
	padding: 40px 0 0 0;
	text-align: left;
}
#contents #contentsMain #portfolioLinkIndex li {
	background: url(../portfolio/images/arw.gif) no-repeat left center;
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 10px;
	text-align: left;
	vertical-align: bottom;
}


/* ---------------------------------------------
	2009, 2008, 2007
--------------------------------------------- */
#contents #contentsMain .portfolio {
	background: url(../portfolio/images/line.gif) no-repeat right bottom;
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	text-align: center;
}
#contents #contentsMain .portfolioImg {
	float: left;
	width: 260px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: left;
}
#contents #contentsMain .portfolioInfo {
	float: right;
	width: 350px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents #contentsMain .portfolioInfo dl {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}
#contents #contentsMain .portfolioInfo dl dt {
	color: #444444;
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
	text-align: left;
	font-weight: bold;
}
#contents #contentsMain .portfolioInfo dl dd {
	color: #444444;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

#contents #contentsMain .portfolioInfo dl dt.url {
	color: #444444;
	font-size: 10px;
	margin: 0;
	padding: 10px 0 20px 0;
	text-align: left;
	font-weight: normal;
}
#contents #contentsMain .portfolioInfo dl dd.txt {
	color: #444444;
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 15px 0;
	text-align: left;
	font-weight: normal;
}

/* ---------- icon ---------- */
#contents #contentsMain .portfolioInfo ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain .portfolioInfo li {
	display: inline;
	width: 45px;
	height: 13px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
}
#contents #contentsMain .portfolioInfo li.long {
	display: inline;
	width: 55px;
	height: 13px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
}

/* ---------- portfolioLink ---------- */
#contents #contentsMain #portfolioLink ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #portfolioLink li {
	background: url(../portfolio/images/arw.gif) no-repeat left center;
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 10px;
	text-align: left;
	vertical-align: bottom;
}


/* ---------------------------------------------
	INTERVIEW
--------------------------------------------- */
#contents #contentsMain .interview {
	clear: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#contents #contentsMain .interviewImg {
	float: right;
	width: 130px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: left;
}
#contents #contentsMain .interviewInfo {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#contents #contentsMain .interviewInfo h4 {
	color: #002B69;
	font-size: 18px;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: left;
}


#contents #contentsMain .interviewInfo #interviewOutline {
	width: 470px;
	border: solid 5px #D9DFE9;
	margin: 0;
	padding: 0;
}
#contents #contentsMain .interviewInfo #interviewOutline dl {
	clear: both;
	overflow: hidden;
	margin: 10px;
	padding: 0;
	text-align: left;
}
#contents #contentsMain .interviewInfo #interviewOutline dl dt {
	float: left;
	width: 5.5em;
	color: #444444;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}
#contents #contentsMain .interviewInfo #interviewOutline dl dd {
	float: left;
	width: 25em;
	color: #444444;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .interviewImg p.image {
	margin: 0;
	padding: 0;
}
#contents #contentsMain .interviewImg p.name {
	color: #444444;
	font-size: 10px;
	line-height: 1.4;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: right;
}


/* ----- interviewTxt -----*/
#contents #contentsMain .interviewTxt {
	border-top: solid 1px #DDDDDD;
	margin: 0;
	padding: 15px 0 0 0;
}
#contents #contentsMain .interviewTxt h4 {
	color: #002B69;
	font-size: 16px;
	margin: 0;
	padding: 20px 0 15px 0;
	text-align: left;
}
#contents #contentsMain .interviewTxt p {
	color: #444444;
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 15px 0;
	text-align: left;
}

#contents #contentsMain .interviewTxt .interviewImage {
	float: right;
	width: 160px;
	margin: 0;
	padding: 0 0 20px 20px;
}
#contents #contentsMain .interviewTxt .interviewImage p.image {
	margin: 0;
	padding: 0;
}
#contents #contentsMain .interviewTxt .interviewImage p.caption {
	color: #444444;
	font-size: 10px;
	line-height: 1.5;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}



/* ============================================================
	process
============================================================ */
/* ----- process.css -----*/





/* ============================================================
	topics
============================================================ */
#contents #contentsMain #topics {
	width: 630px;
	text-align: left;
}

#contents #contentsMain #topics p {
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 15px 0;
}
#contents #contentsMain #topics p em {
	color: #002B69;
	font-size: 18px;
	font-weight: bold;
}


/* ---------------------------------------------
	CMS_common
--------------------------------------------- */
#contents #contentsMain #topicsCms {
	width: 630px;
	text-align: left;
}
#contents #contentsMain #topicsCms p.copy {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

#contents #contentsMain #topicsCms .cmsTop,
#contents #contentsMain #topicsCms .cms {
	border-top: solid #DDDDDD 1px;
	margin: 0;
	padding: 0;
}
#contents #contentsMain #topicsCms .cmsTop {
	border-top: solid #FFFFFF 1px;
}


#contents #contentsMain #topicsCms .cmsTop h4,
#contents #contentsMain #topicsCms .cms h4 {
	margin: 0;
	padding: 20px 0 10px 0;
}
#contents #contentsMain #topicsCms .cmsTop h5,
#contents #contentsMain #topicsCms .cms h5 {
	color: #002B69;
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
}

#contents #contentsMain #topicsCms .cmsTop p,
#contents #contentsMain #topicsCms .cms p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

#contents #contentsMain #topicsCms .cmsTop p.continue,
#contents #contentsMain #topicsCms .cms p.continue {
	font-size: 12px;
	margin: 0;
	padding: 10px 0 15px 0;
	text-align: right;
}
#contents #contentsMain #topicsCms .cmsTop p.continue a,
#contents #contentsMain #topicsCms .cms p.continue a {
	background: url(../common/arw.gif) no-repeat right center;
	margin: 0;
	padding: 0 12px 0 0;
}


/* ---------- hyo ---------- */
#contents #contentsMain #topicsCms .hyo p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}



/* ---------------------------------------------
	WR2,MT,ORIGINAL
--------------------------------------------- */
#contents #contentsMain #topicsCms h4 {
	color: #002B69;
	font-size: 16px;
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: bold;
}
#contents #contentsMain #topicsCms p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 10px 0 0 0;
}


#contents #contentsMain #topicsCms p.another {
	font-size: 12px;
	margin: 0;
	padding: 10px 0 15px 0;
	text-align: left;
}
#contents #contentsMain #topicsCms p.another a {
	background: url(../common/icon_another_window.gif) no-repeat left center;
	margin: 0;
	padding: 0 0 0 15px;
}


/* ---------- tips ---------- */
#contents #contentsMain #topicsCms .cmsTips {
	margin: 0;
	padding: 0;
}
#contents #contentsMain #topicsCms .cmsTips h4 {
	border-top: solid #DDDDDD 1px;
	margin: 0;
	padding: 25px 0 0 0;
}
#contents #contentsMain #topicsCms .cmsTips h4.top {
	border-top: solid #FFFFFF 1px;
	margin: 0;
	padding: 5px 0 0 0;
}
#contents #contentsMain #topicsCms .cmsTips h4 span.tips {
	background-color: #335587;
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 20px 0;
	padding: 8px;
	font-weight: bold;
}

#contents #contentsMain #topicsCms .cmsTips p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 25px 0 0 0;
}
#contents #contentsMain #topicsCms .cmsTips p.continue {
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 10px 0;
	text-align: right;
}

/* ---------- tips_honbun ---------- */
#contents #contentsMain #topicsCms .cmsTips p.continueTop {
	font-size: 12px;
	margin: 20px 0 10px 0;
	padding: 10px 0;
	text-align: right;
}
#contents #contentsMain #topicsCms .cmsTips p.continueTop a {
	background: url(../common/arw.gif) no-repeat right center;
	margin: 0;
	padding: 0 12px 0 0;
}


/* ---------- link ---------- */
#contents #contentsMain #topicsCms ul.topicsLink {
	list-style-type: none;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 15px 0 20px 0;
	text-align: left;
}
#contents #contentsMain #topicsCms ul.topicsLink li {
	list-style-type: none;
	float: left;
	border: solid #002B69 1px;
	background-color: #335587;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 10px;
	vertical-align: bottom;
	text-align: left;
	font-weight: bold;
}
#contents #contentsMain #topicsCms ul.topicsLink li a {
	color: #FFFFFF;
	background: url(../topics/cms/images/icon.gif) no-repeat left center;
	margin: 0;
	padding: 0 0 0 10px;
}

#contents #contentsMain #topicsCms ul.topicsLink li a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#contents #contentsMain #topicsCms ul.topicsLink li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#contents #contentsMain #topicsCms ul.topicsLink li a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
}


/* ---------------------------------------------
	ORIGINAL
--------------------------------------------- */
#contents #contentsMain #topicsCms .cmsTop p.original,
#contents #contentsMain #topicsCms .cms p.original {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 20px 0;
}


/* ---------------------------------------------
	Q&A
--------------------------------------------- */
#contents #contentsMain #topicsCms {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 20px 0;
}
#contents #contentsMain #topicsCms p.copy {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}

#contents #contentsMain #topicsCms .qa {
	margin: 0;
	padding: 0;
}
#contents #contentsMain #topicsCms .qa h4 {
	margin: 0;
	padding: 35px 0 0 0;
}
#contents #contentsMain #topicsCms .qa h5 {
	color: #002B69;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#contents #contentsMain #topicsCms .qa p {
	font-size: 12px;
	line-height: 1.8;
	margin: 0;
	padding: 5px 0 20px 0;
}
#contents #contentsMain #topicsCms .qa p.image {
	margin: 0;
	padding: 0 0 10px 0;
}
#contents #contentsMain #topicsCms .qa p.image3 {
	margin: 0;
	padding: 10px 0 0 0;
}

/* ----- INDEX: comment -----*/
#contents #contentsMain #topicsCms .comment {
	clear: both;
	overflow: hidden;
	background: url(../topics/qa/images/comment_line.gif) no-repeat left bottom;
	width: 536px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: center;
}
#contents #contentsMain #topicsCms .comment .commentbg {
	clear: both;
	overflow: hidden;
	width: 536px;
	background: url(../topics/qa/images/comment_line_top.gif) no-repeat left top;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

#contents #contentsMain #topicsCms .comment .commentLeft {
	float: left;
	border-right: 1px solid #CCCCCC;
	width: 228px;
	margin: 0;
	padding: 0 0 0 35px;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment .commentRight {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 0 0 37px;
	text-align: left;
}

#contents #contentsMain #topicsCms .comment h4 {
	height: 32px;
	margin: 0;
	padding: 0 0 0 35px;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment h5 {
	color: #000000;
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: bold;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment p {
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment p.point {
	color: #444444;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 3px 1em;
	text-indent: -1em;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment p.image {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment p.url {
	color: #000000;
	font-size: 10px;
	margin: 0;
	padding: 5px 0 20px 0;
	text-align: left;
}
#contents #contentsMain #topicsCms .comment p.hyouka {
	color: #444444;
	font-size: 12px;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}

#contents #contentsMain #topicsCms .comment a:link {
	text-decoration: underline;
	color: #000000;
}
#contents #contentsMain #topicsCms .comment a:visited {
	text-decoration: underline;
	color: #000000;
}
#contents #contentsMain #topicsCms .comment a:hover, a:active {
	text-decoration: none;
	color: #000000;
}



/* ============================================================
	sitemap
============================================================ */
/* ----- sitemap.css -----*/





/* ============================================================
	privacy
============================================================ */
/* ----- privacy.css -----*/






/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
/* IE 以外のモダンブラウザ向け */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7、Mac IE5 向け */
.clearfix { display: inline-block; } 

/* IE6 以前向け */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } 
.clearfix { display: inline-block; } 
/* End hide from IE-mac */