/*
// bg_main_color : 濃い紫（#A494B8）
// bg_sub_color  : 薄い紫（#DCD0E8）
*/

/* General definitions */
body { text-align: center; /* center on ie */width: 100%; background-color: #303030; color: #000000; font-weight: normal; font-size: 12px; font-family: monospace; margin: 0px; padding: 9px;}

/* Specific definitions of general Tags */
h1 { font-size: 12px; padding: 3px 0px; margin: 0px; text-align: center;}
h2 { font-size: 12px; padding: 0px; margin: 0px;}
h3 { font-size: 12px; padding: 0px; margin: 0px;}
h4 { font-size: 12px; padding: 0px; margin: 0px;}
b { font-weight: bold;}
img { border: 0px; vertical-align: bottom;}
a:link { text-decoration: none; background-color: transparent;}
a:visited { text-decoration: none; bold; background-color: transparent;}
a:hover { text-decoration: underline; background-color: transparent;}
li {
	list-style: none outside;
}

.contents .outer {border: 1px solid silver;}
.contents .head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.contents .even {background-color: #dee3e7; padding: 5px;}
.contents .odd {background-color: #E9E9E9; padding: 5px;}
.contents .foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.contents tr.even td {background-color: #dee3e7; padding: 5px;}
.contents tr.odd td {background-color: #E9E9E9; padding: 5px;}

.table_border {
	border-collapse: collapse;
	border: 1px solid #000000;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.cleararea {
	clear: both;
}

.br_thin {
	margin-bottom: 3px;
}

.br_middle {
	margin-bottom: 5px;
}

.br_large {
	margin-bottom: 15px;
}

.br_big{
	margin-bottom: 24px;
}

.contents {
	padding: 24px 0px 24px 14px;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.center {
	text-align: center;
}

.bcenter {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

h2.contents_title {
	text-align: left;
	margin: 12px 0px 0px 0px;
	padding-left: 8px;
	background-color:#A395B8;
	color; #ffffff;
	font-size: 16px;
	width: 582px;
	height:20px;
	border-left:solid #341F58 4px;
}

.bg_main_color {
	background-color: #A494B8;
}

.bg_sub_color {
	background-color: #DCD0E8;
}

.main_color {
	color: #1E004C;
}

.attention_color {
	color: #FF0000;
}

.margin_thin {
	margin: 2px 2px 2px 2px;
}

.margin_middle {
	margin: 5px 5px 5px 5px;
}

.margin_side_middle {
	margin-left: 5px;
}

.margin_side_large {
	margin-left: 10px;
}
/* ページ基本レイアウト */

div.layout {
	width: 802px;
	height: auto;
	margin: auto;
	padding: 8px;
	text-align: left;
	background-image: url(images/global/back_bg.gif);
	border: 1px solid #000000;
	}

div.layout div.outline {
	width:800px;
	height: auto;
	margin: 0px;
	padding:auto;
	border-bottom: 0px;
	background-color: white;
	background-image:url(images/global/body_bg.gif);

}

div.outline div.head {
	width: 800px; 
	height: 22px;
	mergin: 0px;
	background-image: url(images/global/head/h1bg.gif);
}

div.outline div.head h1 {
	width: 623px; 
	line-height: 22px;
	padding: 0px 0px 0px 0px;
	mergin: 0px;
	float: right;
}

div.outline div.left {
	width: 170px;
	padding: 0px;
	mergin: 0px;
	float: left;
}

div.outline div.right {
	width: 623px;
	padding: 0px;
	mergin: 0px;
	float: right;
}

div.outline div.foot {
	width: 800px;
	padding: 0px;
	mergin: 0px;
	clear: both;
	background-color: #CCCCCC;
	border-top: 3px solid #313131;
}

/*レフトエリア*/

div.left h2 img{
	width: 170px;
	height: 124;
	margin: 0px;
	padding: 0px;
}

div.left div.left_menu_bg {
	background-color: #F9D501;
	background-image: url(images/global/menu/menu_bg.gif);
	background-repeat: no-repeat;
}

div.left div.left_menu_button {
	background-image: url(images/global/menu/blog_bg.gif);
	height: 15px;
	padding: 5px 0 5px 23px;
	margin-bottom: 2px;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

div.left div.left_menu_button a {
	color :#001133;
	font-weight: bold;
	text-decoration: none;
}

.left_menu_title {
	font-weight: bold;
	padding-left: 8px;
}

div.left ul{
	width: 170px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.left ul li.ber{
	font-size: 2px;
	line-height: 2px;
}

div.left ul li img{
	width: 170px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.left ul li.title img{
	width: 170px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div.left ul li.blog{
	width: 170px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #F9D501;
	background-color: #FEF000;
}

div.left ul li.blog a img{
	width: 37px;
	height: 27px;
	margin: 6px;
	padding: 0px;
	list-style: none;
	border: 1px solid #23064F;
	float:left;
}

div.left ul li.blog p{
	height: 28px;
	line-height: 14px;
	padding:6px 0px;
	margin:0px;
}

div.left ul li.blog p a {
	font-weight:bold;
}


li.category {
	width: 140px;
	padding: 0px 10px 0px 20px;
	margin:0px 0px 1px 0px;
	line-height: 24px;
	background-image: url(images/global/menu/blog_bg.gif);
}

/*ライトエリア*/

div.right div.flasharea {
	width: 623px;
	hegiht:243px;
	padding: 0px;
	mergin: 0px;
}

div.newsarea {
	width: 340px;
	hegiht: 232px;
	margin: 0px;
	padding: 5px 0px 0px 12px;
	float: left;
}

.newstext{
	width: 340px;
	height: 197px;
	padding: 30px 0px 5px;
	margin: 0px;
	background-image: url(images/index/news/text_bg.gif);
	clear: both;
}

.newstext ul{
	width: 330px;
	height: 197px;
	overflow: auto;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

.newstext ul li{
	margin: 0px 0px 3px;
	padding: 0px 0px 3px 0px;
	line-height: 14px;
	list-style: none outside;
	font-size: 12px;
	border-bottom: 1px solid #1A0048;
}

.newstext ul li .pic{
	float: left;
	margin: 2px;
	width: 66px;
	height: 49px;
}

.newstext ul li p{
	width: 237px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 3px;
	color: #444444;
}

.newstext ul li .comment{
	clear: both;
	font-size: 10px;
	line-height: 11px;
}


.slideshow{
	width: 259px;
	height: 232px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-image: url(images/index/news/slide_bg.gif);
}

.slideshow .full{
	width: 240px;
	height: 180px;
}

.slideshow #myGallery{
	margin: 35px 0 0 9px;
}

.newsbtm{
	width: 600px;
	height: 5px;
	margin: 0px 0px 7px 12px;
	clear: both; 
	font-size: 2px;
}

.maintitle{
	margin: 0px 0px 7px 12px;
}

.infomaiton{
	width: 600px;
	height: auto;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 8px;
} 

.infomaiton p{
	width: 578px;
	border-left: 4px solid #25005F;
	margin: 0px 0px 10px 0px;
	line-height: 18px;
	padding: 0px 5px;
}

.infomaiton p.okegawa{
	width: 578px;
	height: 43px;
	border-left: 4px solid #25005F;
	margin: 4px 0px 10px 0px;
	padding: 0px 5px;
}

.infomaiton p.accurate{
	width: 578px;
	height: 43px;
	border-left: 4px solid #25005F;
	margin: 4px 0px 10px 0px;
	padding: 0px 5px;
}

.c-title{
	width: 623px;
	padding: 0px 0px 7px 0px;
}

.maincontents{
	width: 600px;
	padding: 0px 0px 7px 12px;
}

.maincontents p{
	margin: 7px 0px;
	padding: 0px;
	line-height: 18px;
}

.maincontents p.att{
	color: #1C0047;
}

.l-border{
	padding: 2px 7px;
	margin: 3px 15px 3px 15px;
	border-left: 2px solid #1C0047;
	line-height: 18px;
	color: #333333;
	font-weight: normal;
}


.maincontents .lavel{
	color: #1C0047;
	float: left;
	padding: 0px 15px 0px 0px;
}

.maincontents div.right{
	width: 154px;
	height: 196px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.maincontents div.right img{
	margin: 0px;
	padding: 0px;
}

/*フットエリア*/

div.foot img.mailhead{
	float: left;
	margin: 2px 3px;
}

div.foot p{
	width: 210px;
	margin: 2px;
	padding: 0px;
	float: left;
	color: #434343;
	line-height: 15px;
}

div.foot p span{
	color: #000000;
}

div.foot div.entrybox{
	width: 160px;
	height: 64px;
	border-left: 3px solid #313131;
	float: left;
	padding: 5px;
	margin: 3px 0px;
}

div.foot div.entrybox img{
	margin: 4px 3px 7px;
}

div.foot address{
	clear: both;
	width: 800px;
	text-align: center;
	color: #FFD900;
	background-color: #000000;
	font-style: normal;
	line-height: 22px;
}
/*コンタクト*/

.contact{
	width: 594px;
	margin: 0px 0px 20px 15px;
}

.contact .subtext{
	margin: 30px 0px 30px 0px;
}

.contact form{
	margin: 0px;
}

.contact table{
	font-size: 12px;
	margin: 12px 5px;
}

.contact td{
	padding: 3px 0px;
}

.contact td.lavel{
	width: 160px;
}

.contact td.data{
	width: 430px;
}

span.red{
	color:#FF0000;
}
				
span.ora{			
	color:#FF6600
}
		
span.red{
	color:#FF0000;
	font-weight: bold;
}
		
.contact .note{
	margin: auto;
	text-align: center;
	line-height: 24px;
	padding: 20px 0px;
	border-top:2px dashed #999999;
}
			
.contact .note input{
	margin-right: 10px;
	margin-top:24px;
	}

/*バックオーダー*/

.border{
				border-bottom-style: dashed; 
				border-bottom-color: #999999;
				border-bottom-width: 4px;
				padding: 15px;
				}
.cell td{
			padding:0px;
			}

/*ブログブロック*/

.blog_block_list {
	width: 100%;
}

.blog_block {
	background-color: #FCEA00;
	width: 100%;
	height: 40px
	pdding: 3px;
}
/*ブログトップ*/

.renewalmask{
	//margin-bottom: -10px;
	width: 590px;
	height:185px;
	background-image:url(images/blog/boxbg.gif);
	background-repeat: repeat-x;
}

.renewal{
	width: 590px;
	height:185px;
	overflow: auto;
	overflow-x: hidden;
}

table.whatsnew {
	width: 500px;
}

table.whatsnew td{
	font-size: 12px;
	line-height: 16px;
	padding-left:7px;
	}

.upday{
	width: 60px;
	vertical-align: top;
}

/*下段*/

table.face{
	font-size: 12px;
	background-color: #DCD0E8;
	border-style: none;
	width: 590px;
	height:110px;
	text-align: center;	
}
	

/*リンク*/
.guidance {
	background-image:url("images/link/l_backg.gif");
	background-repeat: no-repeat;
	height:98;
	width:563;
	font-size: 12px;
	line-height: 14px;
	letter-spacing:4px;
	padding: 15px;
	margin: 0px 0px 15px 0px;
}

.logo_area {
	text-align: center;
	padding-top: 24px;
}

.link_tag {
	font-size: 12px;
	width: 300px;
	height: 60px;
	margin-right: 5px;
}

.telop {
	border-collapse: collapse;
	border: 1px solid #000000;
	background-color: #361E5A;
	color: #ffffff;
	font-size: 14px;
}

.part_logo {
	border-collapse: collapse;
	border: 1px solid #000000;
	text-align: center;
	width: 140px;	
}

.part_cont {
	border-collapse: collapse;
	border: 1px solid #000000;
	width: 450px;
}

/*支払い*/

.table_border2 {
	border-collapse: collapse;
	border: 1px solid #5A4C81;
	text-align: right;
}

th.pay_th_l{
	color: #ffffff;
	font-size: 10px;
	text-align: left;
}

th.pay_th{
	color: #ffffff;
	font-size: 10px;
	text-align: center;
}

/* スタッフ紹介 */
.info_area {
	//margin-bottom: -10px;
	width: 580px;
	height:175px;
	background-image:url(images/staff/boxbg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	font-family: serif;
}

.cname {
	background-image:url(images/staff/tit_sname.gif);
	width: 494px;
	height: 21px;
	font-weight: bold;
	color: white;
	padding: 3px;
}

.form_tit {
	background-image:url(images/staff/form_tit_bg.gif);
	width: 67px;
	height: 20px;
	color: #4B3669;
	padding: 2px;
}

.form_cont {
	width: 119px;
	height: 20px;
	color: #4B3669;
	padding: 2px;
}

.comment_tit {
	font-size: 14px;
	color: #E95500;
	padding: 4px 0px 2px 0px;
}

.comment_cont {
	font-size: 12px;
	padding: 2px;
}
/* サービスホームページメニュー */
.left_border {
	border-left: 3px solid #241B45;
}

/* 採用情報 */
.sheet {
	border-collapse: collapse;
	border: 1px solid #4C00C2;
}

.cell {
	vertical-align: top;
	padding: 5px;
}

.cell_title {
	width 100px;
	background-color: #EBDCF4;
}

.cell_cont {
	width: 465px;
}
/* XOOPS システム部*/
	
div.errorMsg {
	background-color: #FFCCCC;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}
div.confirmMsg {
	background-color: #DDFFDF;
	color: #136C99;
	text-align: center;
	border-top: 1px solid #DDDDFF;
	border-left: 1px solid #DDDDFF;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	padding: 10px;
}
div.resultMsg {
	background-color: #CCCCCC;
	color: #333333;
	text-align: center;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px;
}

div.xoopsCode {
	background: #FFFFFF;
	border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace;
	padding: 0px 6px 6px 6px;
}

div.xoopsQuote {
	background: #FFFFFF;
	border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace;
	padding: 0px 6px 6px 6px;
}
td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}

.weblogBlockRecentContents {
	margin: 0 13px;
	height: 200px;
	background-color: #f0eff0;
	overflow: auto;
	width: 599px;
}

.weblogBlockRecentContents dt {
	font-weight: bold;
	line-height: 1.25em;
	margin: 5px 0 5px 10px;
}

.weblogBlockRecentContents dt span{
	padding: 0px 10px;
	border-left: 2px solid #220057;
}

h3.bn-title {
	background-image: url(images/index/blogn_title.gif) ;
	width: 589px;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	color: #FFFFFF;
	margin: 10px 0px 0px 13px;
	font-size: 10pt;
}

.weblogBlockRecentContents ds {
	-moz-margin-start:0 !important;
	padding: 0;
	margin: 0;
	line-height: 1.25em;
}


.weblogBlockRecentContents dd {
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #220057;
}

.spec-list-box {
	background-image: url(images/speclist/bg_listbox.gif) ;
	width: 202px;
	height: 202px;
	margin: 7px 0px 0px 0px;
}


.spec-list-box img {
	margin: 15px 0px 5px 0px;
}

.pagemove{
	background-image: url(images/speclist/bg_move.gif) ;
	width: 141px;
	line-height: 27px;
	margin-right: 7px;
	text-align: center;
	color: #ffffff;
}

.pagemove a{
	color: #ffffff;
}

.pageselect{
	line-height: 27px;
}

.specdetail{
	width: 599px;
	background-color: #f0eff0;
}

.specdetail h3{
	background-image: url(images/speclist/bg_title.gif);
	line-height: 28px;
	text-align: center;
	color: #ffffff;
}

.specdetail .box{
	border-bottom: 2px solid #220057;
	padding-bottom: 10px;
}

.specdetail p{
	line-height: 18px;
	margin: 5px;
}

.specdetail .box img{
	float: left;
	margin: 7px;
}

.specdetail .box h4{
	padding: 3px 7px;
	background-color: #e2e0e2;
	color: #220057;
}

.specdetail .box table{
	border-top: 1px solid #220057;
	border-left: 1px solid #220057;
	width: 574px;
	margin: 10px;
	font-size: 10pt;
}

.specdetail .box table td{
	padding: 4px;
	border-bottom: 1px solid #220057;
	border-right: 1px solid #220057;
}

.specdetail .box table td.label{
	background-color: #e2e0e2;
	font-size: 7.5pt;
}

.specdetail .box table.mini{
	font-size: 7.5pt;
}