@charset "shift_jis";


/* _________________________basic style */
* {
	margin: 0px;
	padding: 0px;
}
html {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote 
{
    margin-top: 0px;
    margin-bottom: 0px;
}
img, table, th, tr, td {
	border: none;
	font-family: "Arial", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
}

img {
 border:0;
}


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

.clear {
	clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* _________________________link style */

a:link { 
	color:#336699; 
	text-decoration:none;
}
a:visited {
	color:#336699; 
	text-decoration:none;
 }
a:hover { 
	color: #005FA9;
	text-decoration: underline;
}
a:active {
	text-decoration:none;
}

/* _________________________table */




/* _________________________page layout */

body {
	color:#222222;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	height:100%;
	font-size: 12px;
	line-height: 160%;
	scrollbar-face-color : #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color : #cccccc;
	scrollbar-3dlight-color: #999999;
	scrollbar-highlight-color : #F5F5F5;
	scrollbar-shadow-color : #999999;
	scrollbar-darkshadow-color :#F5F5F5;
}

#container {
	position: relative;
	text-align: center;
	width: 962px;
	background-color: #FFFFFF;
	margin-top: 13px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}

#container-inner {
	position: relative;
	width: 942px;
	text-align: left;
	margin: 9px;
}

/* _________________________header */

#header {
	height: 44px;
	width: 942px;
}

h1#logo {
	height: 39px;
	width: 276px;
	background-repeat: no-repeat;
	float: left;
}

#header-menu {
	float: right;
	width: 440px;
	height: 44px;
}

#header-menu-sitemap {
	width: 185px;
	float: left;
}

div#header-menu p {
	margin-top: 29px;
	float: left;
}

#menu-contact {
	float: right;
	margin-top: 0px;
	width: 244px;
}

#global-navi {
	clear: both;
	width: 942px;
	margin-top: 4px;
	height: 37px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1855B5;
}

#global-navi p {
	float: left;
}

#global-navi-green {
	clear: both;
	width: 942px;
	margin-top: 4px;
	height: 37px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
}

#global-navi-green p {
	float: left;
}

#global-navi-brown {
	clear: both;
	width: 942px;
	margin-top: 4px;
	height: 37px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #884400;
}

#global-navi-brown p {
	float: left;
}


.sub-submenu {
	/*background: #EAEBD8;*/
/*border: 1px solid #5970B2;*/
  	visibility: hidden;
	position: absolute;
	left: 158px;
	top: 82px;
	width: 157px;
}
.sub-submenu a {
	display: block;
	/*font: 11px arial;*/
	text-align: left;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.sub-submenu a:hover {
/*background: #49A3FF;
  color: #FFF;*/
}

.sub-submenu p {
	margin: 0px;
	padding: 0px;
		height: 22px;
	width: 127px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
}

/* サブメニューの半透明処理
--------------------*/
.sub-submenu {
 filter: alpha(Opacity=90);
	opacity: 0.9;
}


/* _________________________info */

#info-area {
	background-image: url(../img/photo_top.jpg);
	background-repeat: no-repeat;
	height: 333px;
	width: 942px;
	margin-top: 1px;
	float: left;
}

#info-area2 {
	background-repeat: no-repeat;
	height: 200px;
	width: 942px;
	margin-top: 1px;
	float: left;
}

#info-area3 {
	background-repeat: no-repeat;
	height: 320px;
	width: 942px;
	margin-top: 1px;
	float: left;
}

#wn-area {
	margin-right: 10px;
	margin-left: 769px;
	width: 163px;
	color: #FFFFFF;
}

#wn-area-inner{
	margin-top: 29px;
	height: 214px;
}

#wn-area h3 {
	height: 35px;
	text-indent: -9999px;
}

#wn-text {
	margin-right: 13px;
	margin-left: 13px;
	margin-top: 5px;
}

#wn-text p {
	margin-left: 5px;
	font-size: 10px;
	line-height: 120%;
}

#info-text-area {
	height: 63px;
	width: 769px;
	color: #FFFFFF;
	line-height: 130%;
}

#info-text {
	margin: 13px;
}

/* _________________________contents */

#contents  {
	width: 942px;
	clear: both;
	margin-top: 5px;
}


#contents-inner {
	background-image: url(../img/area_bg.gif);
	background-repeat: repeat-y;
	text-align: center;
}

#contents-bottom {
	background-image: url(../img/area_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	padding-top: 5px;
}

#contents-bottom-inner {
	text-align: left;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
}

#contents-bottom-textarea {
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#contents-bottom-textarea p {
	margin-bottom: 10px;
}

#contents-bottom-textarea ul {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}

#contents-bottom-textarea h4 {
 margin: 15px 10px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: #5793B7;
 font: bold 13px 'ＭＳ Ｐゴシック', sans-serif;
}

#contents-bottom-textarea li {
	display:block;
	list-style-image: url(../img/point3.gif);
	line-height: 15px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 1px 0px;
	text-align: left;
	text-indent: 5px;
	border-bottom: 1px solid #f0f0f0;
}

.signature {
	line-height: 15px;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 1px 0px;
	text-align: right;
}

#contents-bottom-pruducts {
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#contents-bottom-pruducts p {
	text-align: center;
	margin-bottom: 10px;
}

#contents-bottom-pruducts h3 {
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
	color: #666666;
	font-size: 16px;
}

/* _________________________h2 */

h2#title-category {
	background-image: url(../img/area_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-event {
	background-image: url(../event/img/title_event.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-item {
	background-image: url(../item/img/title_item.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-aboutus {
	background-image: url(../aboutus/img/title_aboutus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-english {
	background-image: url(../english/img/title_english.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-info {
	background-image: url(../info/img/title_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-link {
	background-image: url(../link/img/title_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-emp {
	background-image: url(../emp/img/title_emp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-others {
	background-image: url(../item/others/img/area_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-sitemap {
	background-image: url(../sitemap/img/title_sitemap.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-privacy {
	background-image: url(../privacy/img/title_privacy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-contact {
	background-image: url(../contact/img/title_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}

h2#title-destrooper {
	background-image: url(../item/destrooper/img/area_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	text-indent: -9999px;
}


/* _________________________h3 */

h3#title-middle {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 15px 5px;
	padding: 7px 0px 5px 14px;
	border-left: 5px solid #7392AD;
	color: #7392AD;
	font-weight: bold;
}

h3#brown-title-middle {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 15px 5px;
	padding: 7px 0px 5px 14px;
	border-left: 5px solid #B18E70;
	color: #B18E70;
	font-weight: bold;
}

h3#green-title-middle {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 15px 5px;
	padding: 7px 0px 5px 14px;
	border-left: 5px solid #76AF72;
	color: #76AF72;
	font-weight: bold;
}

/* _________________________h4 */

h4#title-small {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #C6D3E7;
	color: #7392AD;
}

h4#brown-title-small {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #E7D2C7;
	color: #B18E70;
}

h4#brown-title-small2 {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #E7D2C7;
	color: #B18E70;
}

h4#green-title-small {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #CCE7C7;
	color: #74B071;
}

/* _________________________footer */

#footer {
	margin-top: 18px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7E7E7;
}

#footer-menu {
	text-align: right;
	margin-top: 2px;
	margin-right: 2px;
	font-size: 10px;
}

/* _________________________copyrights */

#copy {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #999999;
}

/* _________________________breadcrumb navi */

#bread-navi {
	font-size: 10px;
	margin-left: 10px;
	color: #999999;
}

/* _________________________under construction */

#uc {
	height: 300px;
	color: #CCCCCC;
	padding-top: 150px;
	font-size: 14px;
}

/* _________________________about us */

.outline {
	border-top: 1px solid #F0F0F0;
}

.outline table {
}
.outline th {
	width: 95px;
	font-weight: normal;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	background-image: url(../img/point.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}
.outline td {
	vertical-align: top;
	padding: 10px 0px;
	border-bottom: 1px solid #F0F0F0;
}


/* _________________________enployment information */

.enp {
	border-top: 1px solid #F0F0F0;
}

.enp table {
}
.enp th {
	width: 95px;
	font-weight: normal;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	background-image: url(../img/point.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}
.enp td {
	vertical-align: top;
	padding: 10px 0px;
	border-bottom: 1px solid #F0F0F0;
}

#enp-days {
	text-align: right;
}

/* _________________________link */

.link {
	border-top: 1px solid #F0F0F0;
}

.link table {
}
.link th {
	width: 130px;
	font-weight: normal;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	background-image: url(../img/point.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}
.link td {
	vertical-align: top;
	padding: 10px 0px;
	border-bottom: 1px solid #F0F0F0;
}

.link li {
	display:block;
	line-height: 15px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 3px 0px;
	text-align: left;
	text-indent: 5px;
	list-style-type: circle;
}



/* _________________________item */

.item {
}


.item table {
	margin-left: 20px;
}
.item th {
	width: 95px;
	font-weight: normal;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	background-image: url(../img/point.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}
.item td {
	width: 224px;
	font-weight: normal;
	vertical-align: top;
	padding: 15px 0px 15px 0px;
}
.item-detail {
	margin-top: 20px;
	margin-bottom: 30px;
}

.item-detail img {
	float: left;
}

.item-detail table {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.item-detail th {
	font-weight: bold;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.item-detail td {
	vertical-align: top;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 450px;
}

.item-detail tr {
	vertical-align: top;

}

.return-list {
	text-align: right;
	margin-right: 30px;
}

.words {
	border-top: 1px solid #F0F0F0;
}

.words table {
	width: 830px;
	margin-bottom: 50px;
}
.words th {
	width: 130px;
	font-weight: normal;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
	background-image: url(../img/point.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}
.words td {
	vertical-align: top;
	padding: 10px 0px;
	border-bottom: 1px solid #F0F0F0;
}

.chart {
	border-top: 1px solid #F0F0F0;
}
.chart table {
	border: 1px solid #F0F0F0;
	margin-bottom: 50px;
}
.chart th {
	font-weight: bold;
	color: #7791B0;
	text-align: center;
	vertical-align: top;
	padding: 3px 3px 3px 3px;
	border: 1px solid #F0F0F0;
	background-color: #B9CCDD;
}
.chart td {
	vertical-align: top;
	padding: 10px 0px;
	border: 1px solid #F0F0F0;
}




/* _________________________others */

.others-detail {
	margin-top: 20px;
	margin-bottom: 30px;
}

.others-detail img {
	float: left;
}

.others-detail table {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.others-detail th {
	font-weight: bold;
	color: #78B077;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.others-detail td {
	vertical-align: top;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 450px;
}

.others-detail tr {
	vertical-align: top;

}

/* _________________________awards */

.awards {
	border-top: 1px solid #F0F0F0;
	margin-top: 20px;
	margin-bottom: 30px;
}

.awards img {
	margin-left: 20px;
	margin-right: 10px;
	float: left;
}

.awards table {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.awards th {
	font-weight: bold;
	color: #A87657;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 10px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	background-image: url(../img/point2.gif);
	background-position: 4px 10px;
	background-repeat: no-repeat;
}
.awards td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #F0F0F0;
	width: 450px;
}

.awards tr {
	vertical-align: top;

}

/* _________________________sitemap */

.sitemap {
	border-top: 1px solid #F0F0F0;
}

.sitemap table {
}
.sitemap th {
	width: 95px;
	font-weight: normal;
	color: #7791B0;
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 0px 14px;
	border-bottom: 1px solid #F0F0F0;
	white-space: nowrap;
}
.sitemap td {
	width: 240px;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sitemap ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sitemap h4 {
	margin: 15px 10px 10px 0px;
	padding: 0px 0px 0px 15px;
	color: #5793B7;
	font: bold 14px 'ＭＳ Ｐゴシック', sans-serif;
	background-image: url(../img/point.gif);
	background-position: 4px 10px;
	background-repeat: repeat-y;
}

.sitemap li {
	display:block;
	line-height: 15px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 3px 0px;
	text-align: left;
	text-indent: 20px;
	list-style-type: circle;
}

.inlist ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.inlist li {
	display:block;
	line-height: 15px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 3px 0px;
	text-align: left;
	text-indent: 20px;
	list-style-type: disc;
}


.ininlist ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ininlist li {
	display:block;
	line-height: 15px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 3px 0px;
	text-align: left;
	text-indent: 20px;
	list-style-type: square;
	font-size: 10px;
}