@charset "utf-8";
@import "mod_container.css";

/* Common
=================================================*/

#content {
	background: #fff;
}

#content {
	float: none;
	width: auto;
	margin: 0 auto;
	text-align: left;
}

#content h3 {
	padding-top: 14px;
	padding-bottom: 20px;
	background: url(/css/images/h3_pat_long01.jpg) no-repeat left top;
}

#content div.lead {
	
	margin: 0 0 10px;
	padding-bottom: 0;
	font-size: 1em;
	/zoom: 1;
}


#content div.section {
	margin: 30px 70px 20px;
	padding: 0;
	font-size: .75em;
}

#content div.section div.section {
	font-size: 1em;
}




/* 過去News一覧
=================================================*/

body#archive #content div.lead p.icons {
	position: absolute;
	top: 12px;
	/*\*//*/ top: 25px; /**/
	left: 200px;
}

body#archive #content div.lead p.icons img {
	margin: 0 0 0 5px;
}

body#archive #content div.section table {
	width: 100% !important;
}

body#archive #content div.section table td {
	padding-left: 20px;
}

body#archive #content div.section table td.text {
	background-image: url(../images/text.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* サイトマップ
==================================================*/

body#sitemap #content div.section {
	margin-top: 15px;
} 

body#sitemap div.lead {
	margin: 0 0 20px;
}

div.left, div.right {
	width: 50%;
}

body#sitemap #content div.left dl {
	margin-left: 20px;
}

body#sitemap #content div.right dl {
	margin-right: 20px;
}

body#sitemap #content dl dt {
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0 0 0 20px;
	line-height: 1.7;
	background: url(../images/bullet_square_arrow2.gif) no-repeat left center;
}

body#sitemap #content dl dd ul {
	margin: 0 0 15px 25px;
}

body#sitemap #content dl dd ul li {
	margin: 0 0 5px;
	line-height: 1.7;
}

body#sitemap #content dl dd ul li#member {
	
}

body#sitemap #content dl dd ul ul {
	margin: 3px 0 7px 25px;
}

body#sitemap #content dl dd ul ul li {
	margin: 0;
	float: none;
	width: auto;
}

ul li.bullet-sq-arrow {
	margin: 0 0 5px;
}


/* 推奨環境
===========================================================*/

body#recommend #content h4 {
	margin: 0 0 15px;
	padding: 0;
	border-left: none;
	background: none;
}

body#recommend #content div.section {
	margin-top: 15px;
}

body#recommend #content .section .section {
	font-size: 1em;
	margin-top: 0;
	margin-left: 0;
	padding: 0 10px;
}

body#recommend dl.compact {
	line-height: 1.7;
}

body#recommend dl.compact dt {
	float: left;
	width: 100px;
}

body#recommend dl.compact dd {
	margin: 0 0 10px 100px;
}

/*\*/
	body#recommend dl.compact dd {
		height: 1%;
	}
/**/

body#recommend #content table.list-formed {
	width: 100% !important;
	border-top: none;
}

body#recommend #content table th {
	text-align: left;
	padding-left: 20px;
}

body#recommend #content table td {
	padding-left: 20px;
}

body#recommend #content ul.plugin {
	margin: 20px 0;
}

body#recommend #content ul.plugin li {
	float: left;
	width: 120px;
	margin: 0 7px;
}

body#recommend #content ul.plugin li img {
	margin: 0 0 5px;
}

/* ご意見・お問い合わせ
=========================================*/


body#inquiry #content form .input-field {
	font-size: 1em;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #aaa;
}

body#inquiry #content form {
	padding: 0 20px;
}

body#inquiry #content form strong {
	color: #d53446;
}

body#inquiry form dl dt {
	margin: 0 0 10px;
}

body#inquiry form dl dd {
	margin: 0 0 0 10px;
}

body#inquiry form table {
	margin: 0 auto;
}

body#inquiry form table td {
	padding: 10px 5px;
}

body#inquiry form table label {
	border-left: 3px solid #00a7cf;
	padding: 4px 0 4px 7px;
}

body#inquiry form table, body#inquiry form table th, body#inquiry form table td {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #eee;
	/*vertical-align: middle;*/
}

body#inquiry form table input.input-field {
		width: 192px !important; /* 200px(box model in IE) - 3px*2(padding) - 1px*2(border-right, border-left) */
		width: 200px;
		height: 18px !important; /* 22px(box model in IE) - 2px(padding-top) - 1px*2(border-top, border-bottom)*/
		height: 22px;
		padding: 2px 3px 0; 
	}
	
body#inquiry form ul.radio li {
	width: 80px;
	float: left;
	margin: 0 0 3px;
	line-height: 1.7;
}

body#inquiry form ul.check li {
	line-height: 1.7;
}

body#inquiry form ul li label {
	padding: 0;
	border: none;
}

body#inquiry form ul.check li input {
	margin: 0 7px 0 0;
	vertical-align: middle;
}

body#inquiry form table input.radio {
	margin: 0 3px 0 0;
	vertical-align: middle;
}
	
body#inquiry form table textarea {
	width: 450px;
	height: 196px !important; /*200px(box-model in IE) - 2px*2(padding-top, padding-bottom)*/
	height: 200px;
	padding: 2px 3px;
}
	
body#inquiry form p.button {
	text-align: center;
	margin: 20px 0 10px;
}

body#inquiry form p.button input {
	margin: 0 10px;
	padding: 5px 5px; 
}

/* リンク
============================================================*/

body#link #content {
	text-align: center;
}

body#link h3 {
	text-align: left;
}

body#link #content h4 {
	margin: 0 0 10px;
	background-image: url(../images/second_h4_3.jpg);
}

body#link #content div.section  {
	text-align: left;
	width: 625px;
	margin: 20px auto;
}

body#link #content div.section div.section {
	width: auto;
	margin: 0 20px 20px;
}

body#link #content dl.left, body#link #content dl.right {
	width: 245px;
}

body#link #content dl.right {
	
}

body#link #content dl dt {
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0 0 0 20px;
	line-height: 1.7;
	background: url(../images/bullet_square_arrow2.gif) no-repeat left center;
}

body#link #content dl dd ul {
	margin: 0 0 15px 15px;
}

body#link #content dl dd ul li {
	margin: 0 0 5px;
	line-height: 1.7;
}

/* このサイトについて
============================================================*/

body#about #content {
	text-align: center;
}

body#about h3 {
	text-align: left;
	background: url(../images/h3_pat_long02.jpg) no-repeat left top;
}

body#about #content h4 {
	background-image: url(../images/second_h4_2.jpg);
}

body#about #content div.section  {
	width: 576px;
	text-align: left;
	margin: 20px auto;
}

body#about #content div.section div.section {
	width: auto;
	margin: 0 0 20px;
}


/* 用語集トップ */
body.glossary #content {
	text-align: center;
}

body.glossary #content h3 {
	text-align: left;
	background: url(../images/h3_pat_long03.jpg) no-repeat left top;
}

body.glossary #content div.section  {
	width: 646px;
	text-align: left;
	margin: 20px auto;
}

body.glossary #content div.section div.lead {
	padding: 10px 20px;
	text-align: center;
}

body.glossary #content div.section div.lead ul {
	width: 470px;
	text-align: left;
	margin: 0 auto;
}

body.glossary #content div.section div.lead ul li {
	display: inline;
	margin: 0 15px 0;
	background: url(../images/bullet-invert-triangle.gif) no-repeat 0 0.5em;
}

body.glossary #content div.section div.lead ul li a {
	margin-left:10px;
}

body.glossary #content div.section h4 {
	padding: 0;
	line-height: 0;
	height: auto !important;
	background: none;
	margin: 0 0 15px;
}

body.glossary #content div.section div.section {
	width: auto;
	padding: 0 10px;
	margin: 0 0 30px;
}

body.glossary #content div.section div.section p a {
	padding: 0 0 0 10px;
	font-size: .83em;
	background: url(../images/bullet_triangle.gif) no-repeat 0 0.4em;
}

body.glossary #content div.section div.section ul li {
	width: 153px !important;
	float: left;
	margin: 0;
	height:32px;
	padding:0 15px 0;
	background:url(../images/bullet_disc.gif) no-repeat 0 0.4em;
}

html>body.glossary #content div.section div.section ul li {
	width: 123px !important;
	height:20px;
	padding:0 15px 8px;
}

body.glossary #content div.section p.skip {
	font-size:84%;
}

/* 検索
====================================================*/

body#msearch #content table {
	width: 100% !important;
	border: none;
}

body#msearch #content table td,
body#msearch #content table th {
	padding: 0;
	border: none;
	background: none;
}

body#msearch #content table td.ribbon{
    color: #333333;
    background-color: #ebeee6;
	padding: 10px;
}

body#msearch #content table td.rbnmargin{
    margin-top: 1ex;
    margin-bottom: 1ex;
}