@charset "utf-8";
/*
Theme Name: MRV
Theme URI: http://www.mrv.co.jp/
Description: MY REAL VISION専用のWordPressテーマです。
Version: 1.0
Author: MY REAL VISION
Author URI: http://www.mrv.co.jp/
*/





/* ================================================================================

	Copyright (c) MY REAL VISION All Rights Reserved.
	Last Updated: 2009/02/20

	[INDEX]
	1. Common Format: 共通設定
		1.1 reset
		1.2 global
		1.3 header
		1.4 container
		1.5 footer
	2. Directory Format: ディレクトリごとの共通設定
		2.1 top
		2.2 message
			2.2.1 message
			2.2.2 plan
		2.3 aboutus
		2.4 service
			2.4.1 creative
			2.4.2 media
			2.4.3 character
		2.5 works
		2.6 recruit
		2.7 contact
		2.8 sitemap
		2.9 privacy
		2.10 news
		2.11 error404
	3. Other Styles: その他スタイル

================================================================================ */


/* --------------------------------------------------------------------------------

	1. Common Format

-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------

		1.1 reset

-------------------------------------------------------------------------------- */

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

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

hr, legend {
	display: none;
}

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

img, abbr, acronym, fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

ol li {
	margin: 0 0 0.5em 1.9em;
	list-style-type: decimal;
}

p {
	margin-bottom: 1em;
}


/* --------------------------------------------------------------------------------

		1.2 global

-------------------------------------------------------------------------------- */

body {
	text-align: center;
}

body, th, td {
	line-height: 1.4;
	color: #333;
	font-size: 12px;
	font-family: verdana, sans-serif;
}

div#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

a {
	text-decoration: underline;
	color: #666;
}

a:hover {
	background: #000;
	text-decoration: none;
	color: #fff;
}


/* --------------------------------------------------------------------------------

		1.3 header

-------------------------------------------------------------------------------- */

div#header {
	display: inline-block;
	margin-bottom: 52px;
}

div#header {
	display: block;	/* for opera*/
}

div#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#header h1 {
	float: left;
	padding-top: 71px;
	width: 338px;
}

ul#headerNav {
	float: right;
	margin-bottom: 45px;
	width: 90px;
}

ul#globalNav {
	float: right;
	width: 472px;
	background: url(images/globalNav_bg.gif) no-repeat top left;
	padding-left: 1px;
}

ul#globalNav li {
	float: left;
	background: url(images/globalNav_bg.gif) no-repeat top right;
	padding-right: 1px;
}

ul#globalNav li a {
	background: none;
}


/* --------------------------------------------------------------------------------

		1.4 container

-------------------------------------------------------------------------------- */

div#container {
	display: inline-block;
	width: 900px;
}

div#container {
	display: block;	/* for opera*/
}

div#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

p#topicPath {
	margin-bottom: 20px;
	font-size: 10px;
}

p#topicPath a {
	background: none;
	color: #999;
}

p#topicPath a:hover {
	text-decoration: underline;
}

div#col2 {
	display: inline-block;
	width: 900px;
}

div#col2 {
	display: block;	/* for opera*/
}

div#col2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#col2 div#side {
	float: left;
	border-top: 1px solid #000;
	padding-top: 30px;
	width: 160px;
}

div#col2 div#side h2 {
	margin-bottom: 27px;
	margin-left: 9px;
}

div#col2 div#side ul {
	margin-bottom: 35px;
	background: url(images/side_bg.gif) repeat-x left top;
}

div#col2 div#side ul li {
	background: url(images/side_bg.gif) repeat-x left bottom;
}

div#col2 div#side ul li a {
	display: block;
	padding: 0.6em 1em;
	background: none;
	text-decoration: none;
}

div#col2 div#side ul li a:hover {
	background: #000;
}

div#col2 div#main {
	float: right;
	border-top: 1px solid #000;
	padding-top: 28px;
	width: 690px;
}

div.pagetop {
	margin-top: 25px;
	text-align: right;
}


/* --------------------------------------------------------------------------------

		1.5 footer

-------------------------------------------------------------------------------- */

div#footer {
	display: inline-block;
	margin: 0;
	font-size: 10px;
}

div#footer {
	display: block;	/* for opera*/
}

div#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#footer p.pagetop {
	padding-top: 50px;
	margin-bottom: 18px;
	text-align: right;
}

div#footer p.pagetop a span {
	background: url(images/pagetop.gif) no-repeat right center;
	padding-right: 18px;
}

div#footer p.pagetop a:hover span {
	background: url(images/pagetop_ov.gif) no-repeat right center;
	padding-right: 18px;
}

div#footer div.box {
	background: url(images/footer_bg.gif) repeat-x left top;
	padding-top: 25px;
	padding-bottom: 50px;
}

ul#footerNav {
	float: left;
	width: 470px;
}

ul#footerNav li {
	float: left;
	margin-right: 10px;
}

ul#footerNav li a {
	background: url(images/footerNav_icon.gif) no-repeat left center;
	padding-left: 8px;
	color: #666;
	text-decoration: none;
}

ul#footerNav li a:hover {
	text-decoration: underline;
}

div#footer address {
	display: block;
	float: right;
	width: 430px;
	text-align: right;
	color: #666;
}


/* --------------------------------------------------------------------------------

	2. Directory Format

-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------

		2.1 top

-------------------------------------------------------------------------------- */

div#visual {
	float: right;
	width: 430px;
}

div#topNews {
	float: left;
	width: 400px;
}

div#topNews {
	display: inline-block;
}

div#topNews {
	display: block;	/* for opera*/
}

div#topNews:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#topNews div.ttl {
	display: inline-block;
	margin-bottom: 15px;
}

div#topNews div.ttl {
	display: block;	/* for opera*/
}

div#topNews div.ttl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#topNews h2 {
	float: left;
}

div#topNews p.list {
	float: left;
	margin: 0;
}

div#topNews p.list a{
	margin-left: 1em;
	background: #000;
	padding: 0.1em 0.5em;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
}

div#topNews div#info {
	margin-top: 50px;
	width: 400px;
}

div#topNews div#info dl {
	display: inline-block;
	width: 100%;
}

div#topNews div#info dl {
	display: block;	/* for opera*/
}

div#topNews div#info dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#topNews div#info dl dt {
	float: left;
}

div#topNews div#info dl dd {
	margin-left: 8em;
	margin-bottom: 0.5em;
	background: url(images/info_icon.gif) no-repeat 0 6px;
	padding-left: 9px;
}

div#topNews div#latest {
	margin-top: 50px;
	width: 400px;
}

div#topNews div#latest ul {
	display: inline-block;
	width: 100%;
}

div#topNews div#latest ul {
	display: block;	/* for opera*/
}

div#topNews div#latest ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#topNews div#latest ul li {
	float: left;
	margin-right: 15px;
}

div#topNews div#latest ul li.last {
	margin-right: 0;
}

div#topNews div#latest ul li a img {
	border: 1px solid #d5d5d5;
}


/* --------------------------------------------------------------------------------

		2.2 message

-------------------------------------------------------------------------------- */

/* 2.2.1 message01 -------------------------------------------------------------- */

div#message div#message01 h3 {
	margin-bottom: 50px;
	margin-left: 20px;
	background: url(images/message01_lead.gif) no-repeat bottom left;
	padding-top: 10px;
	width: 298px;
	height: 15px;
	text-indent: -999em;
}

div#message div#message01 div.txt01 {
	margin-left: 20px;
	background: url(images/message01.gif) no-repeat top left;
	width: 478px;
	height: 1293px;
	text-indent: -999em;
}


/* 2.2.2 message02 -------------------------------------------------------------- */

div#message div#message02 h3 {
	margin-bottom: 50px;
	margin-left: 20px;
	background: url(images/message02_lead.gif) no-repeat bottom left;
	padding-top: 10px;
	width: 242px;
	height: 33px;
	text-indent: -999em;
}

div#message div#message02 div.txt01 {
	margin-bottom: 50px;
	margin-left: 20px;
	background: url(images/message02.gif) no-repeat top left;
	width: 590px;
	height: 1338px;
	text-indent: -999em;
}

div#message div#message02 div.sub {
	margin-left: 20px;
	background: url(images/message02_sub.gif) no-repeat top left;
	width: 590px;
	height: 80px;
	text-indent: -999em;
}


/* --------------------------------------------------------------------------------

		2.3 aboutus

-------------------------------------------------------------------------------- */

div#aboutus {
	display: inline-block;
	width: 100%;
}

div#aboutus {
	display: block;	/* for opera*/
}

div#aboutus:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#aboutus h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#aboutus table {
	background: url(images/bline_bg.gif) repeat-x left bottom;
	width: 100%;
}

div#aboutus table tr {
	background: url(images/bline_bg.gif) repeat-x left top;
}

div#aboutus table tr th, div#aboutus table tr td {
	padding: 18px 10px;
}

div#aboutus table tr th {
	width: 140px;
	vertical-align: top;
}

div#aboutus div#contents {
	float: left;
	width: 450px;
}

div#aboutus div#sub {
	float: right;
	width: 210px;
	padding-top: 50px;
}

div#aboutus div#sub h4 {
	margin-bottom: 0.5em;
}

div#aboutus div#sub dl {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

div#aboutus div#sub dl dt, div#aboutus div#sub dl dd {
	margin-bottom: 0.3em;
}

div#aboutus div#sub p a span {
	background: url(images/arrow_icon.gif) no-repeat left center;
	padding-left: 9px;
}

div#aboutus div#sub p a:hover span {
	background: url(images/arrow_icon_ov.gif) no-repeat left center;
}


/* --------------------------------------------------------------------------------

		2.4 service

-------------------------------------------------------------------------------- */

div#service {
	display: inline-block;
	width: 100%;
}

div#service {
	display: block;	/* for opera*/
}

div#service:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#service p {
	line-height: 2;
}


/* 2.4.1 creative -------------------------------------------------------------- */

div#service div#creative h3 {
	margin-bottom: 12px;
}

div#service div#creative div.lead {
	display: inline-block;
	width: 100%;
}

div#service div#creative div.lead {
	display: block;	/* for opera*/
}

div#service div#creative div.lead:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#service div#creative div.lead div.txt {
	float: left;
	margin-top: 14px;
	width: 345px;
}

div#service div#creative div.lead div.txt ul li {
	margin-bottom: 0.5em;
}

div#service div#creative div.lead div.txt ul li a span {
	background: url(images/arrow_icon.gif) no-repeat left center;
	padding-left: 9px;
}

div#service div#creative div.lead div.txt ul li a:hover span {
	background: url(images/arrow_icon_ov.gif) no-repeat left center;
}

div#service div#creative div.lead div.img {
	float: right;
	width: 310px;
}

div#service div#creative p.link {
	margin: 20px 0;
	text-align: right;
}

div#service div#creative p.link a span {
	background: url(images/arrow_icon.gif) no-repeat left center;
	padding-left: 9px;
}

div#service div#creative p.link a:hover span {
	background: url(images/arrow_icon_ov.gif) no-repeat left center;
}

div#service div#creative div.box {
	display: inline-block;
	margin-bottom: 40px;
	width: 100%;
}

div#service div#creative div.box {
	display: block;	/* for opera*/
}

div#service div#creative div.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#service div#creative div.box div.img {
	float: left;
	width: 259px;
}

div#service div#creative div.box div.img img {
	border: 1px solid #eee;
}

div#service div#creative div.box div.txt {
	float: left;
	width: 431px;
}

div#service div#creative div.box div.txt h4 {
	margin: 0.3em 0 1em 0;
}


/* 2.4.2 media    -------------------------------------------------------------- */

div#service div#media h3 {
	margin-bottom: 26px;
}

div#service div#media div.lead {
	margin-bottom: 40px;
}

div#service div#media div.box {
	display: inline-block;
	margin-bottom: 40px;
	width: 100%;
}

div#service div#media div.box {
	display: block;	/* for opera*/
}

div#service div#media div.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#service div#media div.box div.img {
	float: left;
	width: 280px;
}

div#service div#media div.box div.img img {
	border: 2px solid #eee;
}

div#service div#media div.box div.txt {
	float: left;
	width: 410px;
}

div#service div#media div.box div.txt h4 {
	margin: 0.3em 0 0 0;
	font-size: 14px;
	font-weight: normal;
}

/* 2.4.3 character    -------------------------------------------------------------- */

div#service div#character h3 {
	margin-bottom: 26px;
}

div#service div#character div.lead {
	margin-bottom: 40px;
}

div#service div#character div.box {
	display: inline-block;
	margin-bottom: 40px;
	width: 100%;
}

div#service div#character div.box {
	display: block;	/* for opera*/
}

div#service div#character div.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#service div#character div.box div.img {
	float: left;
	width: 280px;
}

div#service div#character div.box div.img img {
	border: 2px solid #eee;
}

div#service div#character div.box div.txt {
	float: left;
	width: 410px;
}

div#service div#character div.box div.txt h4 {
	margin: 0.3em 0 0 0;
	font-size: 14px;
	font-weight: normal;
}


/* --------------------------------------------------------------------------------

		2.5 works

-------------------------------------------------------------------------------- */

div#works {
	display: inline-block;
	width: 100%;
}

div#works {
	display: block;	/* for opera*/
}

div#works:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#works h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#works div#worksList {
	display: inline-block;
	width: 100%;
}

div#works div#worksList {
	display: block;	/* for opera*/
}

div#works div#worksList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#works div#worksList div.line {
	display: inline-block;
	margin-bottom: 30px;
}

div#works div#worksList div.line {
	display: block;	/* for opera*/
}

div#works div#worksList div.line:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#works div#worksList div.box {
	float: left;
	margin-right: 30px;
	width: 210px;
}

div#works div#worksList div.first {
	clear: both;
}

div#works div#worksList div.last {
	margin-right: 0;
}

div#works div#worksList div.box div.img {
	margin-bottom: 0.5em;
}

div#works div#worksList div.box div.img img {
	border: 2px solid #eee;
	width: 206px;
	overflow: hidden;
}

div#works div#worksList div.box h4 {
	margin-bottom: 0.5em;
}

div#works div#worksList div.box h4 a {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

div#works div#worksList div.box h4 a:hover {
	background: #000;
	color: #fff;
}

div#works div#worksList div.box ul#worksTag_s {
	display: inline-block;
	margin-bottom: 5px;
}

div#works div#worksList div.box ul#worksTag_s {
	display: block;	/* for opera*/
}

div#works div#worksList div.box ul#worksTag_s:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#works div#worksList div.box ul#worksTag_s li {
	float: left;
	margin-bottom: 3px;
	margin-right: 4px;
	line-height: 0;
	font-size: 0.1em;
}

div#works div#worksList div.box ul#worksTag_s li.graphic, div#works div#worksList div.box ul#worksTag_s li.others {
	margin-right: 0;
}

div#works div#worksList div.box ul#worksTag_s a {
	background: none;
}

div#works div#worksList div.box p {
	margin: 0;
	text-align: right;
}

div#works div#worksList div.box p a span {
	background: url(images/arrow_icon.gif) no-repeat left center;
	padding-left: 9px;
}

div#works div#worksList div.box p a:hover span {
	background: url(images/arrow_icon_ov.gif) no-repeat left center;
}

div#works div#pager {
	display: inline-block;
}

div#works div#pager {
	display: block;	/* for opera*/
}

div#works div#pager:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#works div#pager p.prev {
	float: left;
}

div#works div#pager p.prev a span {
	background: url(images/arrow2_icon.gif) no-repeat left center;
	padding-left: 9px;
}

div#works div#pager p.prev a:hover span {
	background: url(images/arrow2_icon_ov.gif) no-repeat left center;
}

div#works div#pager p.next {
	float: right;
}

div#works div#pager p.next a span {
	background: url(images/arrow_icon.gif) no-repeat right center;
	padding-right: 9px;
}

div#works div#pager p.next a:hover span {
	background: url(images/arrow_icon_ov.gif) no-repeat right center;
}

div#works div#contents {
	float: left;
	width: 450px;
}

div#works div#contents ul#worksTag {
	display: inline-block;
	margin-bottom: 30px;
}

div#works div#contents ul#worksTag {
	display: block;	/* for opera*/
}

div#works div#contents ul#worksTag:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#works div#contents ul#worksTag li {
	float: left;
	margin-bottom: 3px;
	margin-right: 2px;
	line-height: 0;
	font-size: 0.1em;
}

div#works div#contents ul#worksTag li.others {
	margin-right: 0;
}

div#works div#contents ul#worksTag a {
	background: none;
}

div#works div#contents div#branding,
div#works div#contents div#ci_vi_symbol,
div#works div#contents div#editorial,
div#works div#contents div#graphic,
div#works div#contents div#web,
div#works div#contents div#others {
	margin-bottom: 15px;
}

div#works div#contents h4 {
	margin-bottom: 20px;
	border-left: 1px solid #000;
	padding-left: 0.7em;
	font-size: 14px;
	font-weight: normal;
}

div#works div#contents div.img img {
	border: 2px solid #eee;
	width: 446px;
	overflow: hidden;
}

div#works div#contents div.img img.margin {
	margin-top: 1em;
}

div#works div#contents div#ci_vi_symbol p.caption,
div#works div#contents div#graphic p.caption,
div#works div#contents div#web p.caption,
div#works div#contents div#others p.caption {
	margin-top: 0.5em;
}

div#works div#sub {
	float: right;
	width: 210px;
}

div#works div#sub p#update span {
	margin-right: 1em;
}

div#works div#sub dl#data dd {
	margin-bottom: 1em;
}

div#works div#sub dl#data dd.url a {
	margin-bottom: 1em;
}

div#works div#sub dl#data dd.url a span {
	background: url(images/ablank_icon.gif) no-repeat right center;
	padding-right: 15px;
}

div#works div#sub dl#data dd.url a:hover span {
	background: url(images/ablank_icon_ov.gif) no-repeat right center;
}

div#works div#sub dl#data dd.relation ul li {
	margin-left: 1.5em;
	list-style-type: disc;
}


/* --------------------------------------------------------------------------------

		2.6 recruit

-------------------------------------------------------------------------------- */

div#recruit h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#recruit p {
	line-height: 2.0;
}

div#recruit ul li {
	margin-left: 1.5em;
	margin-bottom: 0.3em;
	list-style-type: disc;
}


/* --------------------------------------------------------------------------------

		2.7 contact

-------------------------------------------------------------------------------- */

div#contact h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#contact p {
	margin-bottom: 2em;
	line-height: 2.0;
}

div#contact form table {
	background: url(images/bline_bg.gif) repeat-x left bottom;
	width: 100%;
}

div#contact form table tr {
	background: url(images/bline_bg.gif) repeat-x left top;
}

div#contact form table tr th, div#contact table tr td {
	padding: 18px 10px;
}

div#contact form table tr th {
	width: 210px;
	vertical-align: top;
}

div#contact form table tr td.selectArea select {
	padding: 1px;
	width: 250px;
}

div#contact form table tr td.textArea textarea {
	padding: 2px;
	width: 370px;
	height: 85px;
}

div#contact form table tr td.inputArea input {
	padding: 2px;
	width: 250px;
}

div#contact table tr td span.ex {
	display: block;
	margin-top: 0.3em;
	font-size: 10px;
}

div#contact form table tr td.checkbox input {
	margin-top: 0.5em;
	margin-right: 10px;
}

div#contact form div.submitArea {
	margin-top: 30px;
}

div#contact div.submitArea input.check {
	padding: 0.3em 1em;
	font-weight: bold;
	color: #333;
}


/* --------------------------------------------------------------------------------

		2.8 sitemap

-------------------------------------------------------------------------------- */

div#sitemap a {
	text-decoration: none;
	color: #333;
}

div#sitemap a:hover {
	background: none;
	text-decoration: underline;
}

div#sitemap h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#sitemap ul#link {
	background: url(images/bline_bg.gif) repeat-x left bottom;
}

div#sitemap ul#link li {
	background: url(images/bline_bg.gif) repeat-x left top;
	padding-top: 2.2em;
	padding-bottom: 2.2em;
}

div#sitemap ul#link li h4 {
	padding-left: 10px;
}

div#sitemap ul#link li ul {
	display: inline-block;
	margin-top: 1em;
	margin-left: 180px;
}

div#sitemap ul#link li ul {
	display: block;	/* for opera*/
}

div#sitemap ul#link li ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#sitemap ul#link li ul li {
	float: left;
	background: none;
	padding-top: 0;
	padding-bottom: 0;
	width: 170px;
}

div#sitemap ul#link li ul li a, div#sitemap ul#link li ul li a:hover {
	background: url(images/arrow_icon.gif) no-repeat left center;
	padding-left: 9px;
	font-weight: normal;
}

div#sitemap ul#link li div.worksCategory {
	display: inline-block;
	margin-top: 1em;
	margin-left: 180px;
}

div#sitemap ul#link li div.worksCategory {
	display: block;	/* for opera*/
}

div#sitemap ul#link li div.worksCategory:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#sitemap ul#link li div.worksCategory div.box {
	float: left;
	width: 170px;
}

div#sitemap ul#link li div.worksCategory div.box ul {
	margin-top: 0;
	margin-left: 0;
}

div#sitemap ul#link li div.worksCategory div.box ul li {
	float: none;
	margin-top: 1em;
}

div#sitemap ul#link li div.worksCategory div.box h5 {
	color: #666;
}


/* --------------------------------------------------------------------------------

		2.9 privacy

-------------------------------------------------------------------------------- */

div#privacy h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#privacy p {
	margin-bottom: 2em;
	line-height: 2.0;
}

div#privacy ol li {
	line-height: 2.0;
	font-weight: bold;
}

div#privacy ol li p {
	margin-top: 0.5em;
	font-weight: normal;
}

div#privacy ol li ol li {
	margin-top: 0.5em;
	font-weight: normal;
}

div#privacy h4 {
	margin-top: 40px;
	margin-bottom: 1em;
}

div#privacy dl dt {
	margin-bottom: 0.5em;
}

div#privacy dl dd {
	line-height: 2.0;
}


/* --------------------------------------------------------------------------------

		2.10 news

-------------------------------------------------------------------------------- */

div#news h3 {
	margin-bottom: 26px;
	font-size: 20px;
}

div#news div#newsList {
	background: url(images/bline_bg.gif) repeat-x left bottom;
}

div#news div#newsList div.box {
	display: inline-block;
	background: url(images/bline_bg.gif) repeat-x left top;
	padding-top: 3em;
	padding-bottom: 3em;
}

div#news div#newsList div.box {
	display: block;	/* for opera*/
}

div#news div#newsList div.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#news div#newsList div.box div.date {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
	color: #666;
	font-weight: normal;
}

div#news div#newsList div.box div.txt {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	width: 550px;
}

div#news div#newsList div.box div.txt h4 {
	font-size: 14px;
}

div#news div#newsList div.box div.txt p {
	margin: 1em 0 0 0;
	line-height: 1.8;
}


/* --------------------------------------------------------------------------------

		2.11 error404

-------------------------------------------------------------------------------- */

div#error404 h3 {
	margin-bottom: 26px;
	font-size: 20px;
}


/* --------------------------------------------------------------------------------

	3. Other Styles

-------------------------------------------------------------------------------- */

.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;	/* for opera*/
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}