@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information
 File name:      style.css
 Style Info:     汎用クラス
----------------------------------------------------------- */

/* -----------------------------------------------------------
  INDEX
----------------------------------------------------------- */

/* -----------------------------------------------------------
  EDIT INFO
  150628 hirao
----------------------------------------------------------- */

div#contents{
	padding:0 15px;
}

body#index div#mainColumn{
	/*width:600px; 150628*/
	width:880px;
	background:#FFF;
	display:inline;
	float:left;
	text-align:left;
}

body#index div#sideColumn{
	width:295px;
	background:#FFF;
	display:inline;
	float:right;
	text-align:left;
}

div#header-holder h1{
	margin: 20px 20px 0;
}

div#mainColumn h3{
	margin-bottom:8px;
	padding-bottom:3px;
	border-bottom:dotted 1px #999;
	color:#666;
	font-weight:bold;
}

div.newsBox{
	/*width:335px; 150628*/
	display:inline;
	float:left;
}

div.news{
	margin:0 0 5px;
	/*height:180px; 150628*/
	height:220px;
	overflow: auto;
}

div.news table{
	margin:0 auto;
	/*width:305px; 150628*/
}

div.news table th{
	width:120px;
	font-weight:normal;
}

div.news table span.news{
	color:#FFFFFF;
	background-color:#FC0;
	font-weight:normal;
	padding:2px 10px;
	margin-left:15px;
}

div.news table span.info{
	color:#FFFFFF;
	background-color:#f40;
	font-weight:normal;
	padding:2px 10px;
	margin-left:15px;
}

div.news table th,
div.news table td{
	padding:10px;
	border-bottom:dotted 1px #DBDBDB;
	vertical-align: top;	
}

div.linkBox{
	width:250px;
	display:inline;
	float:right;
}

div.linkBox ul{
	margin:0 0 5px;
	height:180px;
}

.clear {
	clear:both;
}

div.linkBox ul li{
	padding:5px 0;
	border-bottom:dotted 1px #DBDBDB;
	line-height:1.5;
	list-style: disc inside;
}

div.bottomBox{
	padding:0px 0 0;
	height:900px;
	position:relative;
}

div.netWork{
	width:250px;
	height:135px;
	background:url(../images/worldmap.gif) no-repeat left bottom;
	display:inline;
	float:right;
}

div.books{
	width:880px;
	position:absolute;
	top:290px;
	left:0px;
}

div.books p{
	/*float:left;*/
	line-height:1.5;
}

div.books p span{
	color:#666;
	font-size:110%;
}

div.books ul{
	width:860px;
	display:inline;
	float:right;
}

div.books ul li{
	margin-right:8px;
	display:block;
	float:left;
	border: 1px #cccccc solid;
}

div.books ul li.end{
	margin-right:0;
}

div.secBox {
	margin-left: 30px;
}





/* -----------------------------------------------------------
  PAGES
----------------------------------------------------------- */
div #mainContents {
	width:755px;
	text-align:left;
	float:left;
}

h1.h1Title{
	padding:0 0 15px 15px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
}

div#mainColumn{
	/*width:725px; 150628*/
	display:inline;
	float:left;
	text-align:left;
}

div#sideColumn{
	width:170px;
	display:inline;
	float:right;
	text-align:left;
}

p.more{
	margin-top:15px;
	margin-right:10px;
	text-align:right;
}

ul#topicPath {
	margin:5px 0 0 15px;
	height:30px;
}

#topicPath li {
	display: inline;
	font-size:92.4%;
	line-height: 1.5em;
	letter-spacing: 1px;
}

#topicPath a{
	margin-right: 8px;
	padding-right: 10px;
	background: url(../images/pan.gif) no-repeat right;
	display: block;
	float: left;
	color:#000;
	text-decoration: underline;
}

#topicPath a:visited {
	color:#000;
	text-decoration:none;
}

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

}
.marginBtm10{
	margin-bottom:10px;
}

.marginBtm20{
	margin-bottom:20px;
}

.marginLR10{
	margin-left: 10px;
	margin-right: 10px;
}

.marginBtm40{
	margin-bottom:40px;
}

.marginT0{
	margin-top:0 !important;
}

.marginR0{
	margin-right:0 !important;
}

.marginB0{
	margin-bottom:0 !important;
}

.marginL0{
	margin-left:0 !important;
}

.padTop20{
	padding-top:20px;
}

.padTop40{
	padding-top:40px;
}


/*キャプション
------------------------------------------------------------*/
.cap{
	padding-left: 1em;
	text-indent: -1em;
}
.indent{
	text-indent: 1em;
}


/*images
------------------------------------------------------------*/
img.centered {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
img.alignright {
	margin: 0 0 2px 7px;
	padding: 4px;
	display: inline;
}
img.alignleft {
	margin: 0 7px 2px 0;
	padding: 4px;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}



/* -----------------------------------------------------------
  NEWS
----------------------------------------------------------- */
table.tableNews{
	margin:0 auto;
	width:700px;
}

table.tableNews th,
table.tableNews td{
	padding:7px;
	border-bottom:dotted 1px #CCC;
	vertical-align: top;	
}

/* -----------------------------------------------------------
  NEWS
----------------------------------------------------------- */
table.links{
	margin:0 auto 30px;
	width:700px;
	border-bottom:1px solid #C9C9C9;
}

table.links th,
table.links td{
	padding:7px;
	border-bottom:dotted 1px #CCC;
	vertical-align: top;	
}

table.links th{
	width:200px;
}

/* -----------------------------------------------------------
  OUTLINE
----------------------------------------------------------- */
ul.sideMenu{
	margin:0 0 0 10px;
}

ul.sideMenu li{
	padding:0 0 0 10px;
	background:url(../images/menu_bg.gif) no-repeat left top;
	font-size:118%;
	line-height:1.5;
}

ul.sideMenu li.sideMenuTitle{
	margin-top:5px;
	padding:0;
	background: none;
}

#center-column ul.productList{
	margin-bottom:20px;
}

#center-column ul.productList li{
	padding:0 0 0 13px;
	background:url(../images/list_bg.gif) no-repeat left top;
	line-height:1.5;
}

#center-column ul.productList li.in{
	padding:0 0 0 20px;
	background:none;
	line-height:1.5;
}

dl.outline {
	margin:0 0 30px;
	width:500px;
	border-bottom: dotted 1px #C9C9C9;
	position:relative;
}

dl.outline dt{
	margin-bottom:5px;
	padding:0 0 10px 0;
	color:#666;
	font-size:130%;
	font-weight:bold;	
}

dl.outline dd{
	line-height:1.5;
}

dl.outline dt,
dl.outline dd{
	padding:0 0 0 70px;
}


dl.outline dt.pict{
	padding:0;
	position:absolute;
	top:0;
	left:0px;
	border: 1px #cccccc solid;
}

div.outlinInfo{
	margin:40px 0 0 ;
	padding:15px 15px 5px 10px;
	background:#F3F3F3;
	border:1px dotted #DFDFDF;
}

dl.group {
	padding:0 0 0 30px;
	width:500px;
}

dl.group dt{
	font-weight:bold;
	line-height:1.5;
}

dl.group dd{
	padding-left:15px;
	margin-bottom:8px;
}

dl.history {
	margin: 0 0 10px 30px;
}

dl.history dt {
	float: left;
	width: 8em;
}

dl.history dd {
	padding-left: 8em;
}

/* -----------------------------------------------------------
  ABOUTUS
----------------------------------------------------------- */
div.map{
	margin:0 auto 40px;
	padding-bottom:20px;
	width:550px;
	border-bottom:dotted 1px #CCC;
	text-align:left;
}

table.tableWork{
	margin:0 0 40px 20px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

table.tableWork th,
table.tableWork td{
	padding:12px 10px 5px 10px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

table.tableWork th{
	background:#F3F3F3;
	font-weight: bold;
	white-space: nowrap;
}

/* -----------------------------------------------------------
  GLOSSARY
----------------------------------------------------------- */
div.glossaryBox{
	margin:0 0 0 10px;
	padding-bottom:10px;
	width:720px;
	float:left;

}

div.glossary{
	margin:0 5px;
	padding:5px;
	width:160px;
	display:inline;
	float:left;
}

div.glossary h2{
	margin-bottom:10px;
	border-bottom:dotted 1px #999;
	text-align:center;
}

div.glossary ul li{
	margin-top:10px;
	font-size:115%;
	font-weight:bold;
	line-height:1.5;
}

div.glossary ul li.sub{
	margin-top:0;
	padding-left:5px;
	font-weight:normal;
}

/* -----------------------------------------------------------
  COMTACT
----------------------------------------------------------- */
table.contact{
	margin:0 auto;
	width:680px;
}

table.contact{
	margin:0 0 40px 20px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
table.contact th,
table.contact td{
	padding:12px 10px 5px 10px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
table.contact th{
	background:#e4e4e4;
	font-weight: bold;
}

div.contactInfo{
	margin:0 auto;
	width:600px;
	font-size:110%;
}

div.contactInfo ul{
	margin-bottom:20px;
}

div.contactInfo ul li{
	padding-left:10px;
	list-style: disc inside;
}

div.contactInfo ul li{
	padding-left:10px;
	list-style: disc inside;
}

/* -----------------------------------------------------------
  PRIVACY
----------------------------------------------------------- */
div.privacy{
	width:600px;
}

ul.detail{
	padding:0 0 0 30px;
}

ul.detail li{
	text-indent: -18px;
}


/* -----------------------------------------------------------
  GLOSSARY
----------------------------------------------------------- */
#mainContents div.glossary02{
	margin-left:30px;
	width:670px;
	font-size:120%;
	line-height:1.5;
}