@charset "Shift_JIS";

/* -------------------------------------------------------------------
	module 
------------------------------------------------------------------- */	
.auralnavi {
	position: absolute;
	left: -999px;
	top: -999px;
}

.clear{
	clear:both;
	font-size:0px;
	height:0;
	line-height:0px;
}
	
div.box{
	padding:15px;
	background-color:#faf2ec;
	border:dashed 1px #fba9e7;
	margin-bottom:1em;
}	

div.box p{
	margin:0;
}


div.attention p{margin-top:5px;}


#cont p.link,#cont a.link{margin-top:10px;padding-left:18px;background:url(../img/if/menu/i_link.gif) left center no-repeat;}
#cont a.top{margin-top:10px;padding-left:18px;background:url(../img/if/i_top.gif) left 1px no-repeat;}

/* -------------------------------------------------------------------
	● BASIC SETTING 
------------------------------------------------------------------- */

p,ul,ol,dl,h1,h2,h3,h4,h5,h6 {margin-top:1.5em; margin-bottom:0px;text-align:left;}
blockquote,form {margin-top:0px;margin-bottom:0px;}

.sp00 {margin-top:0em;}
.sp05 {margin-top:0.5em;}
.sp10 {margin-top:1em;}
.sp20 {margin-top:2em;}
.sp30 {margin-top:3em;}

a:link    { color: #0066FF; }
a:visited { color: #0066FF; }
a:active  { color: #0066FF; }
a:hover   { color: #FF9900; }

strong { font-style: normal; font-weight:bold; }
em     { font-style: normal; color: #990000;}

img {border:none;}

#cont p.txt-right{text-align:right;}


.table-a td span.red{color:red;}

/* -------------------------------------------------------------------
	● BODY & DIVISIONS
------------------------------------------------------------------- */

body 	{
	text-align:center;
	margin:0px;
	padding:0px;
	color:#444444;
	background:url(../img/if/body_bg.gif) repeat-x #f0f0f0;}

#outer_wrap{width:780px;text-align:left;margin:0 auto;}

#wrap	{
	width:768px;
	background-color:#FFFFFF;
	padding-left:10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;}

#main	{height:100%;}
#cont	{float:right;padding-right:18px;width:530px;}


/* -------------------------------------------------------------------
	● HEADER 
------------------------------------------------------------------- */

#head	{
	width:760;
	height:80px;
	color:#6699cc;
	padding:0 10px;}
	
#head p{margin-top:5px;}
#head p.logo{font-size:12px;}

#head div p{text-align:right;margin-top:10px;}

#head div#button p{font-size:12px;}


/* -------------------------------------------------------------------
	● FOOT 
------------------------------------------------------------------- */

#wrap p#under_contact{padding-bottom:10px;margin-right:10px;text-align:right;}

#foot	{
	width:770px;
	height:50px;
	color:#999999;
	text-align:right;
	background:url(../img/if/foot_bg.gif) no-repeat;
	padding-right:10px;
	padding-top:10px;
	margin-bottom:10px;
	clear:both;}
	
#foot p{margin-top:0;text-align:right;}

#foot address{font-style:normal;margin-top:25px;}


/* -------------------------------------------------------------------
	● h1 AREA
------------------------------------------------------------------- */

#h1_area{
	width:100%;
	height:170px;
	padding:0;
	background:url(../img/if/h1_bg.gif) no-repeat;}

#h1_area p.disp{padding:20px 0 0 1px;margin:0;}

#h1_area h1{display:none;}
#h1_area h2{display:none;}
#h1_area h3{display:none;}

/* -------------------------------------------------------------------
	● MENU
------------------------------------------------------------------- */
#outer_side {float:left} 

#outer_side p.banner{float:left;margin:0 5px;padding:0;text-align:center;display:inline;}

#side{
	float:left;
	width:190px;
	margin:20px 0 10px 0;
	background:url(../img/if/menu/side_bg.gif) repeat-y;}

#side p{margin:0;}

#side p.title{padding-left:1px;}

#side p.home{text-align:right;margin-right:10px;}

#side p.home a{
	padding-left:15px;
	background:url(../img/if/menu/i_home.gif) left center no-repeat;}

#side ul {margin:10px 0 10px 0;}

#side ul li{
	display:block;
	width:168px;
	height:22px;
	text-align:left;
	list-style:none;
	padding:5px 0 0 20px;
	margin:0 0 0 16px;
	background:url(../img/if/menu/i_link.gif) left 7px no-repeat;}
	
#side ul li.current{
	width:153px;
	padding-left:35px;
	margin-left:1px;
	background:url(../img/if/menu/menu_current2.gif) no-repeat;
}

#side ul li.current a{color:#000099;text-decoration:none;}

/* -------------------------------------------------------------------
	● MAIN
------------------------------------------------------------------- */

#cont h2{
	color:#5d98e7;
	border-left:3px solid #5d98e7;
	padding-left:5px;
	margin-top:30px;}
	
#cont h2 span{font-size:12px;}
	
#cont h3{
	color:#666666;
	padding-left:5px;
	padding-bottom:3px;
	border-left:1px solid #cccccc;
	border-bottom:1px dashed #cccccc;
}


#cont h3 span{font-weight:normal;}



/*HOME*/

#home_contents h2{margin:20px 0 0 0;padding:0;}

#home_contents p.read{color:#336699;line-height:1.8em;}


/*FUNCTION*/


#cont #function dl {margin:0;}
#cont #function dl dt{font-weight:bold;margin-top:1.5em;}
#cont #function dl dd{margin:0.5em 0 0 0;padding:0;}

/*concept*/

#problem{
	width:510px;
	margin-top:20px;
	background:url(../../concept/img/probrem_bg.gif) repeat-y;
}

#problem div{padding:0 10px;}

#problem #problem_top{
	width:510px;
	height:34px;
	background:url(../../concept/img/problem_top.gif) no-repeat;}
	

#cont #problem h3{
	border:none;
	color:#245189;
	font-weight:normal;
	margin:0;
	padding:10px 0 0 20px;}


#concept{
	width:451px;
	height:auto;
	margin-left:17px;
	padding:0 20px 20px 20px;
	background:url(../../concept/img/consept_bg3.gif) repeat-x;
	border-left:1px solid #638abe;
	border-right:1px solid #638abe;
	border-bottom:1px solid #638abe;
}

#concept p{margin:0;padding-top:20px;}



#problem_duties{
	width:500px;
	height:228px;
	color:#666666;
	background:url(../../concept/img/problem1_bg.gif) no-repeat;
	margin-top:20px;
	padding-right:30px;}
	
#problem_duties ul {margin:0;padding:20px 0 0 7px;}
	
#problem_duties ul li{
	font-size:12px;
	list-style:none;
	background:url(../../concept/img/i_duties.gif) left 3px no-repeat;
	padding:0 0 0 16px;
	margin:9px 0 0 0;
	line-height:1.5em;}
	
#problem_duties ul li.left210{margin-left:210px;}
	
#problem_system{
	width:530px;
	height:185px;
	color:#666666;
	background:url(../../concept/img/problem2_bg.gif) no-repeat;
	margin-top:-88px;}
	
#problem_system ul {margin:0;padding:20px 0 0 7px;}
	
#problem_system ul li{
	font-size:12px;
	list-style:none;
	background:url(../../concept/img/i_system.gif) left 3px no-repeat;
	padding:0 0 0 16px;
	margin:9px 0 0 0;
	line-height:1.5em;}
	
#cont ul.solution_list{
	width:469px;
	height:79px;
	margin-left:30px;
	background:url(../../concept/img/solution_list.gif) no-repeat top}
#cont ul.solution_list li{text-indent:-9999px;list-style:none;	font-size:12px;
}


/*package*/

#cont #package h3{margin:30px 0 0 0;padding:0;border:none;}

#cont #package h3.sp30{margin-top:3em;}


/*sales*/

div.sales{width:400px;height:auto;border:1px solid #adc1e3;padding:10px;background-color:#f9f9f9;margin-top:5px;}

div.sales p{margin:0;line-height:1.5em;}


/* -------------------------------------------------------------------
	● BLOCK STYLE 
------------------------------------------------------------------- */

p, li, dd {	
	line-height: 130%;
	text-align:justify; text-justify:distribute;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
}

p.catch {font-size:16px;font-weight:bold;color:#444444;}




ol,ul {margin-left:23px; padding-left:0px;margin-top:0.5em;}
li{margin-top:4px;}
	/* ul {list-style-image: url(../img/mk_list.gif);}*/
	
hr{
  height:0px;
  margin:30px 0 0 0;
  border:none;
  border-top:1px dashed #b2b2b2;
 }
	
/* -------------------------------------------------------------------
	● TABLE
------------------------------------------------------------------- */

#cont table.table-def,	#cont table.table-def td, #cont table.table-def th
{border:none;background-color:transparent;padding:0px;margin-top:0px;}

#cont table.cap{font-size:11px;}

.table-a 	{margin-top:1em;empty-cells:show;}
.table-a,.table-a p,.table-a li {font-size: 12px ; line-height: 140%;}

.table-a {
	border-collapse	: separate;
	border-top		:solid 1px #adc1e3;
	border-left		:solid 1px #adc1e3;
}

.table-a th {
	padding		:3px 6px;

	color			:#FFFFFF;
	background-color:#6d98b7;
	border-bottom	:solid 1px #adc1e3;
	border-right	:solid 1px #adc1e3;
}

.table-a td {
	font-weight	:normal;
	padding		:3px 6px;

	color			:#666666;
	background-color:#f9f9f9;
	border-bottom	:solid 1px #adc1e3;
	border-right	:solid 1px #adc1e3;
}

/*bg-patern*/

.table-a th.color-a{background-color:#c6d4ec;color:#306992;}

.table-a th.color-b{background-color:#eeeef0;color:#333333;font-weight:normal;}

.table-a th.color-c{height:23px;background:url(../img/if/th_bg.gif) repeat-x;color:#446476;}




/* -------------------------------------------------------------------
	● FORM
------------------------------------------------------------------- */

label{
	cursor:pointer;
	}
	

.fm-norm {width:250px;border:solid 1px #CCCCCC;}
.fm-btn {width:80px;height:25px;}
.textarea{
	border:solid 1px #CCCCCC;
	font-size:12px;
}

#alert p.toriatsukai{
	font-weight:bold;
	margin:0px;
	}
#alert p{
	margin-top:0.5em;
	}
#alert {margin-top:0.5em;border:dashed 1px #D3E2D1;padding:10px;}




/* -------------------------------------------------------------------
	● ETC..
------------------------------------------------------------------- */
.img-area {
	background-color:#000000;color:#FFFFFF;
	text-align:center;vertical-align:middle;font-size:12px;
	border:solid 1px #CCCCCC;margin-top:1em;
}

	
/* ####################################### 印 刷 設 定 ############################################## */

@media print {

	#head,#side {display:none;}
	#cont {width:100%;
		float:none;
	}

	body,table {color:#000000;}
	body, #wrap, #outer_wrap {
		background-image:none; background-color:#FFFFFF;
		border:none;
		padding:0px;margin:0px;
		width:540px;}
	body {margin:0;}

	p, li, dd {
		font-size: 12px ; line-height: 140%;
		text-align:justify; text-justify:distribute; }

	h1,h2,h3,h4,h5,h6 {
		background-image:none;background-color:#FFFFFF;
		border:none;
		color:#000000;
	}
	
	h1.disp {font-size:24px;	
		padding:0px;
		margin:1em 0 0 0;}
	h2.disp {font-size:16px;
		margin:1em 0 0 0
		padding-bottom:2px;border-bottom:double 3px #000000;letter-spacing:1px; }
	h3.disp {font-size:12px;margin-top:1em;margin-bottom:0;
		text-decoration:underline;}

	/* テーブルスタイル */
	.table-a, .table-a th, .table-a td 	{border:solid 1px #CBD5DC; border-collapse:collapse;}
	.table-a {font-size:12px;}
	.table-a td , .table-a th {padding:5px;}
	.table-a p , .table-a li	{font-size:12px;}/*テーブル内段落*/
	

	
}