@charset "UTF-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

a:visited{
	color: #0082c8;
	text-decoration: none;
}

a:hover{
	color: #0082c8;
	text-decoration: underline;
}

a:active{
	color: #FF6603;
	text-decoration: underline;
}

img { border:0px; }


ul, li { padding:0px; border:0px; margin:0px; list-style:none; }

p, form, h1, h2, h3, h4, h5 { padding:0px; margin:0px; }

div { margin:0; padding:0; }

.none { display:none;}

/* Clearing. */

.clear /* For IE/MAC. */
{
	display: inline-block;
}

.clear:after /* For Non-IE browsers. */
{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;

	height: 0;
}

* html .clear /* For IE6 and below, trigger hasLayout. */
{
	height: 1%;
}

.clear /* For IE/Win. */
{
	display: block;
}


/* layout */

#wrapper {
	width:780px;
	margin:5px auto;
}

div.container
{
	width: 780px;
}

div.area
{
	position: relative;
	margin: 0px auto;
	width: 780px;
}



/* header */

div#shiosai{
	background-color:#105396;
	padding:2px 0;
	text-align:center;
}

div#shiosai h1{
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
}


a#sitelogo img
{
	position: absolute;
	top: 10px;
	left: 0px;
}


div#header
{
	height: 88px;
}


ul.subLinks
{
	list-style: none;
	position: absolute;
	top: 10px;
	right: 0px;
	height: 25px;
	width: 170px;
}

ul.subLinks li
{
	float: right;
	height: 25px;
}

ul.subLinks li a
{
	background-image: url(images/sublinks.gif);
	display: block;
	outline: none;
	height: 25px;
} 

	ul.subLinks li#subHome a
	{
	background-position: 0px top;
	width: 75px;
	}
	
	ul.subLinks li#subHome a:hover 
	{
		background-position: 0px bottom;
	}
	
	ul.subLinks li#subFaq a
	{
		background-position: -75px top;
		width: 95px;
	}
	
	ul.subLinks li#subFaq a:hover 
	{
		background-position: -75px bottom;
	}


ul.navigation
{
	list-style: none;
	position: absolute;
	top: 46px;
	right: 0px;
	height: 43px;
	width: 780px;
}

ul.navigation li
{
	float: left;
	height: 43px;
}

ul.navigation li a
{
	background-image: url(images/navi.gif);
	display: block;
	outline: none;
	height: 43px;
} 

	ul.navigation li#navAddict a
	{
	background-position: 0px top;
	width: 114px;
	}
	
	ul.navigation li#navAddict a:hover, 
	ul.navigation li#navAddict.current a
	{
		background-position: 0px bottom;
	}
	
	ul.navigation li#navAbout a
	{
		background-position: -114px top;
		width: 111px;
	}
	
	ul.navigation li#navAbout a:hover, 
	ul.navigation li#navAbout.current a
	{
		background-position: -114px bottom;
	}
	
	ul.navigation li#navSchedule a
	{
		background-position: -225px top;
		width: 111px;
	}
	
	ul.navigation li#navSchedule a:hover, 
	ul.navigation li#navSchedule.current a
	{
		background-position: -225px bottom;
	}
	
	ul.navigation li#navJobT a
	{
		background-position: -336px top;
		width: 111px;
	}
	
	ul.navigation li#navJobT a:hover, 
	ul.navigation li#navJobT.current a
	{
		background-position: -336px bottom;
	}
	
	ul.navigation li#navStory a
	{
		background-position: -447px top;
		width: 111px;
	}
	
	ul.navigation li#navStory a:hover, 
	ul.navigation li#navStory.current a
	{
		background-position: -447px bottom;
	}
	
	ul.navigation li#navMap a
	{
		background-position: -558px top;
		width: 111px;
	}
	 
	ul.navigation li#navMap a:hover, 
	ul.navigation li#navMap.current a
	{
		background-position: -558px bottom;
	}
	
	ul.navigation li#navForPro a
	{
		background-position: -669px top;
		width: 111px;
	}
	
	ul.navigation li#navForPro a:hover, 
	ul.navigation li#navForPro.current a
	{
		background-position: -669px bottom;
	}


/* Top main Area. */

#mainAreaTop{
	width:780px;
	margin:5px auto 25px;
	text-align:center;
}

#topDescription{
	width:650px;
	margin:0 auto;
}
#topDescription p{
	font-size:small;
	text-align:center;
	line-height: 150%;
}

#new{
	background:url(images/whatsnew.gif) left top no-repeat;
	padding-top:30px;
	margin:30px auto 80px;
	width: 555px;
}

ul#pressList{
	list-style:none;
	list-style-position:outside;
	width:520px;
}

ul#pressList li{
	border-bottom:dotted 1px #999999;
	width:520px;
	padding-top:8px;
}

ul#pressList li h5{
	float:right;
	font-size:12px;
	line-height:130%;
	margin-right:10px;
	_margin-right:5px;
	width:420px;
	font-weight:normal;
}

ul#pressList li h5 a{
	color: #F70426;
}

ul#pressList li span.date{
	display: block;
	float: left;
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	width: 80px;
}


#new ul{
	font-family:Verdana;
	font-size:small;
	margin:0 0 0 30px;
	text-align:left;
	list-style:disc;
}
#new li{
	margin:0;
	line-height:130%;
	list-style:disc;
	padding-bottom:10px;
}


/* Site Information. */

#siteInfo {
	border-top:#A3A3A3 dotted 1px;
	padding:0 50px;
}

#siteInfo div.info{
	margin:15px auto;
	line-height:130%;
	background:url(images/logo2.gif) no-repeat left top;
	text-align:left;
	padding-left:80px;
}

.infoName {
	font-size:medium;
}

.infoAddress {
	font-size:small;
	font-family:Verdana;
}


/* footer */

/* Sub Links Area. */

div#subLinksArea
{
	color: #ffffff;
	height: 90px;
	background-color:#105396
}
.subLinksContents{
	width:780px;
	margin:20px auto 0;
	text-align: center;
}

div#subLinksArea span
{
	display: block;
	font-size: 11px;
	line-height: 23px;
}

div#subLinksArea span.links
{
	padding-top: 10px;
}

div#subLinksArea span.credits
{
	padding-top: 10px;
}

div#subLinksArea a
{
	color:#9DBED8;
}

div#subLinksArea span.links a
{
	padding: 0 5px;
}



/* Level 2. */
/* main Area. */

#titlePhoto {
	width:780px;
	height:100px;
	margin:5px auto 20px;
}

#mainArea{
	width:780px;
	margin:0 auto 25px;
	background:url(images/bg.gif) top center repeat-y;
}

#Contents {
	width:580px;
	float:left;
	display:inline;
}

div.pagetop {
	width:540px;
	margin:20px auto 30px;
}

.pagetop p{
	background:url(images/arrow_up.gif) right center no-repeat;
	text-align: right;
	padding: 5px 12px 0;
	font-size: 12px;
}


/* sideBar */

#sideBar {
	width:180px;
	float:right;
	display:inline;
}
#sideBar #sideBarCell {
	border-left:solid 1px #adadad;
	margin-bottom: 50px;
}

#sideBarCell .tags{
	text-align:left;
}

#sideBar #sideBarCellEnd {
	border-left:solid 1px #adadad;
}


#contentsList{
	font-size: small;
	margin: 10px 0 0;
}

#contentsList ul{
	list-style: none;
	margin: 0 0 20px 10px;
	padding: 0px;
}
 
#contentsList li {
	margin: 0px 0 10px;
	padding: 0px 0px 0px 12px;
	background: url(images/arrow.gif) no-repeat 3px 0.4em;
	list-style: none;
}

#banner{
	font-size: small;
	margin: 10px 0 0;
}

#banner ul{
	list-style: none;
	margin: 0 0 20px 10px;
	padding: 0px;
}
 
#banner li {
	margin: 0px 0 10px;
	list-style: none;
}


/* article */


div.articleTitle {
	border-left:10px solid #f2f279;
	padding:5px 0 5px 10px;
	margin-bottom: 10px;
	width:560px;
}

div.articleTitle h2 {
	font-size:medium;
	font-weight:bold;
}


div.article{
	width:560px;
	margin:0;
}


div.article .photo_left{
	float:left;
	margin:0 10px 10px 0;
}


div.article .photo_right{
	float:right;
	margin:0 0 10px 10px;
}


div.article .photo_center{
	margin:0 auto 10px;
	width:300px;
}

div.article p{
	font-size:small;
	line-height:180%;
}

.articlePad{
	padding-bottom:30px;
}

/* text */
.sText { font-size:x-small; }
.mText { font-size:small; }
.lText { font-size:medium; }
.strong {font-weight:bold; }
.red {color:#990000; }


/* 表 */

.Table {
	margin: 10px 0;
	width:560px;
}

.Table table{
	border-collapse:collapse;
	border:1px #adadad solid;
	border-spacing:0;
	empty-cells:show;
	background-color:#f5f4eb;
}

.Table td{
	padding:10px;
	border:1px #adadad solid;
	line-height: 150%;
	font-size:small;
}

.Table th{
	width:100px;
	text-align:center;
	font-weight:normal;
	font-size:small;
	border:1px #adadad solid;
}

td.Table_title {
	background-color:#5a5a5a;
	color:#FFFFFF;
	padding:0 3px;
	font-size:12px
}


/* トップページバナー */

.topBanner {
	margin:10px auto;
	width: 555px;
}

.topBanner img{
	vertical-align:middle;
}

.pd10 { padding:10px;}