@charset "UTF-8";

/* CSS Document */

/*___________________________________________
Project:ソフトプラティカ株式会社Web

社名:     ソフトプラティカ株式会社
Email:    info@crayon.co.jp
Website:  www.crayon.co.jp
____________________________________________*/

/* common
____________________________________________*/

* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	background:#fff;
	font-size:12px;
	line-height:140%;
	font-family:ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	color:#000;
}
img {
	border:0;
}
h1 {
	margin:0 auto;
	width:768px;
	line-height:24px;
	font-weight:normal;
	font-size:12px;
	text-align:center;
}
a {
	text-decoration:none;
}
.clear{
	clear:both !important;
	width:0 !important;
	line-height:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
	font-size:0 !important;
	overflow:hidden !important;
	background:none !important;
}
.top{
	margin:0 auto;
	color:#000;
	font-size:12px;
	padding-left:215px;
	height:70px;
	padding-top:10px;
	text-align:left;
	border-top:1px #1baa73 solid;
}
 a {
	color:#000;
}
 a:hover{
	color:#1baa73;
	text-decoration:underline;
}
/* head
____________________________________________*/

#head,
#s_head{
	margin:0 auto;
	width:768px;
	padding-top:40px;
	height:441px;
	background:url(../images/index_b.jpg) no-repeat;
}
#s_head{
	height:200px;
	background:url(../images/index_c.jpg) no-repeat;
}
#menunav {
	margin-left:10px;
	background:url(../images/menu_bg01.gif) no-repeat;
	clear:both;
}
#menunav ul li {
	width:106px;
	height:30px;
	color:#fff;
	line-height:30px;
	text-align:center;
	float:left;
}
#menunav ul .li {
	width:110px;
}
#menunav ul .li1 {
	width:100px;
}
#menunav ul li a {
	color:#fff;
	height:30px;
	display:block;
}
#menunav ul li a:hover {
	color:#33604a;
}
.logo {
	margin:30px 0 0 110px;
}
.banner {
	margin:25px 0 0 52px!important;
	margin:26px 0 0 52px;
}
/* main
____________________________________________*/
#main {
	margin:0 auto;
	margin-top:22px;
	width:768px;
}
#main .left {
	width:192px;
	float:left;
}
#main h2{
	margin-bottom:5px;
	text-align:center;
	/*font-weight:normal;*/
	color:#3e3f3f;
	font-size:12px;
	line-height:24px;
}
#main .left h2 {
	background:url(../images/in_01.gif);
}
#main .left div{
	background:url(../images/index_02.jpg);
	height:220px;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
}
#main .left p {
	height:240px;
	background:url(../images/index_02.jpg);
}

#main .contain {
	width:564px;
	float:right;
	text-align:right;
	position:relative;
}
#main .contain h2 {
	padding-left:230px;
	text-align:left;
	background:url(../images/in_02.gif);
}
#main .contain .br{
	height:20px;
}
#main .contain h3{
	clear:both;
	padding-top:30px;
	color:#3e3f3f;
	font-size:18px;
	text-align:center;
}

#main .contains {
	width:564px;
	float:right;
	position:relative;
	font-size: 14px;
	line-height: 160%;
}

#main .contains h2 {
	padding-left:230px;
	text-align:left;
	background:url(../images/in_02.gif);
}

#main .contains .br{
	height:20px;
}

#main .contains p{
	text-align: right;
	font-size: 12px;
}

#main .contains h3{
	clear:both;
	padding-top:30px;
	color:#3e3f3f;
	font-size:18px;
	text-align:center;
}

#main .contains ul {
	font-size: 12px;
}
#main .contain iframe{
	border:0;
	width:564px;
	height:204px;
}
#news{
	padding:12px;
	width:540px;
	height:180px;
	overflow-y :scroll; 
}
#news h3{
	margin-bottom:8px;
	font-weight:normal;
	font-size:12px;
}
/* lead.html
____________________________________________*/
#lead_main,
#lead02_main,
#comp_main,
#pert_main,
#priv_main,
#link_main,
#use_main,
#infor_main{
	margin:0 auto;
	width:512px;
	padding-right:256px;
	background:url(../images/comp_01.jpg) right top no-repeat;
}
#lead_main h2,
#lead02_main h2,
#comp_main h2,
#pert_main h2,
#priv_main h2,
#link_main h2,
#use_main h2,
#infor_main h2{
	padding-left:25px;
	font-size:15px;
	color:#fff;
	line-height:24px;
	background:url(../images/navbg.gif) no-repeat;
}
#lead_main .h2{
	margin-top:10px;
}
#lead_main .dl{
	margin:20px auto;
}
#lead_main dl dt{
	height:25px;
	margin-top:10px;
	font-size:15px;
	color:#1baa73;
	width:98px;
	line-height:25px;
	padding-left:30px;
	background:url(../images/lead_04.gif) no-repeat;
	float:left;
	clear:both;
	overflow:hidden;
}
#lead_main dl dd{
	width:380px;
	height:25px;
	margin-top:10px;
	line-height:25px;
	overflow:hidden;
	float:right;
	clear:right;
	overflow:hidden;
}
#lead_main img{
	margin:10px 0 10px 60px;
}
#lead_main h3,
#pert_main h3,
#link_main h3{
	margin-top:15px;
	padding-left:10px;
	font-size:18px;
	color:#1baa73;
	line-height:24px;
	background:url(../images/hbg.gif) no-repeat;
}
#lead_main h4,
#comp_main h4,
#lead02_main h4{
	margin:50px auto;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	background:url(../images/lead_03.gif) no-repeat;
}
#lead_main h4 a ,
#comp_main h4 a,
#pert_main h4 a,
#lead02_main h4 a{
	padding-left:130px;}
#lead_main p{
	font-size:15px;
}
/* lead02.html
____________________________________________*/
#lead02_main{
	margin:0 auto;
	padding-right:0;
	width:768px;
	background:none;
}
#lead02_main table{
	margin-top:24px;
	width:767px;
	border:1px #231815 solid;
	border-bottom:none;
	border-right:none;
}
#lead02_main table thead{
	background:#f8f9cf;
}
#lead02_main table tr th{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	width:187px;
	padding-left:5px;
	line-height:24px;
	border-right:1px #231815 solid;
	border-bottom:1px #231815 solid;
}
#lead02_main table td{
	vertical-align:top;
	line-height:24px;
	padding-left:5px;
	border-right:1px #231815 solid;
	border-bottom:1px #231815 solid;
}
#lead02_main table .td{
	width:64px;
}
#lead02_main table .td1{
	width:90px;
}
#lead02_main table .t_c1{
	background:#dfdfdf;
}
#lead02_main table .t_c2{
	background:#f8cccc;
}
#lead02_main table .t_c3{
	background:#ced6c4;
}
#lead02_main table .t_c4{
	background:#d0ebef;
}
#lead02_main .p{
	margin:20px 0 60px 0;
}
#lead02_main .p a{
	margin-bottom:60px;
	color:#255eab;
}
#lead02_main .p a:hover{
	color:#1baa73;
}
#lead02_main h4{
	background:url(../images/lead_05.gif) no-repeat;
}
/* link.html
____________________________________________*/
#link_main p{
	margin-top:5px;
}
#link_main p a{
	color:#255eab;
	line-height:15px;
}
#link_main p a:hover{
	color:#1baa73;
}
#link_main .p{
	margin-bottom:50px;
}

/* comp.html
____________________________________________*/
#comp_main h2{
	margin-bottom:10px;
}

#comp_main .comp_dl{
	clear:both;
}

#comp_main .comp_dl dd,
#comp_main .comp_dl dt{
	margin-top:5px;
	line-height:18px;
	width:435px;
	padding-left:5px;
	border-bottom:1px #bfbfbf solid;
	float:right;
	clear:right;
}

#comp_main .comp_dl dt{
	vertical-align:top;
	width:52px;
	border-left:3px #bfbfbf solid;
	float:left;
	clear:none;
}


#comp_main h4 {
	background:url(../images/comnav.gif) no-repeat;
}
#comp_main .h4 {
	background:url(../images/com02.gif) no-repeat;
}
#comp_main img{
	margin-top:20px;
}
#comp_main .img{
	margin:15px auto;
}
#comp_main .com02_v1{
	margin-top:20px;
}
#comp_main .com02_v1 p{
	width:256px;
}
#comp_main .com02_v1 .p{
	float:right;
	width:240px;
	text-align:center;
}
#comp_main .com02_v1 .p img{
	margin:0;
	margin-bottom:10px;
}
/* pert.html
____________________________________________*/
#pert_main{
	background:url(../images/part_01.jpg) right top no-repeat;
}
#pert_main h3{
	margin-bottom:5px;
}
#pert_main div{
	margin-top:10px;
}
#pert_main div img{
	float:left;
}
#pert_main div p{
	margin-bottom:24px;
	margin-left:138px;
	width:360px;
}
#pert_main .p{
	margin:30px auto;
	padding-left:30px;
	background:url(../images/lead_04.gif) no-repeat;
}
/* priv.html use.html
____________________________________________*/
#priv_main,
#use_main{
	background:url(../images/link_01.jpg) right top no-repeat;
}
#priv_main h2,
#use_main h2{
	margin-bottom:20px;
}
#priv_main ol,
#use_main ol{
	margin-bottom:80px;
	margin-left:-6px!important;
	margin-left:0;
}
#use_main ol{
	margin-bottom:40px;
}
#priv_main ol li,
#use_main ol li{
	margin-bottom:20px;
	padding-left:5px!important;
	padding-left:0;
	margin-left:25px;
	list-style:decimal!important;
}
#priv_main ol li p,
#use_main ol li p{
	margin-left:-22px;
}
#use_main .p{
	margin-bottom:20px;
}
#use_main .pp{
	margin-bottom:60px;
}
#use_main .pp a{
	margin-bottom:60px;
	color:#255eab;
}
#use_main .pp a:hover{
	color:#1baa73;
}
/* infor
____________________________________________*/
.infor_span{
	line-height:150%;
}

.red_color{
	color:#FF0000;
}

a.blue_color:link,
a.blue_color:visited{
	color:#0000FF;
	text-decoration:underline;
}

a.blue_color:hover{
	color:#0000FF;
	text-decoration:underline;
}

.infor_form{
	display:block;
	float:left;
	width:450px;
	margin-top:20px;
	border-top:1px solid #000000;
	padding-top:10px;
}

.infor_form li{
	clear:both;
	display:block;
	margin-bottom:15px;
}

.form_l{
	width:160px;
	float:left;
	padding-right:5px;
}

.form_r{
	float:left;
	width:250px;
}


/* footer
____________________________________________*/
#footer {
	margin:0 auto;
	width:768px;
}
#footer .copyright {
	margin-top:12px;
	line-height:20px;
	background:#bebebe;
	text-align:center;
	color:#fff;
}
#footer ul {
	margin-left:100px;
}
#footer ul li {
	float:left;
	line-height:22px;
}
#footer ul li a {
	color:#000;
}
#footer ul li a:hover {
	color:#999;
}
#footer p {
	margin-top:10px;
	text-align:center;
}

.LoginBox{
	position:absolute;
	height:110px;
	width:180px;
	border:1px solid #006600;
	background:#fff;
	left:300px;
	top:30px;
	z-index:100000;
	padding-left:5px;
}
.hform{
	margin:0;
	padding:0;
	clear:both;
}
.LoginInput{
	float:right;
	border:1px solid #666;
	width:100px;
	height:16px;
	padding:2px 0 0 2px;
}
.EnterButton{
	clear:both;
	width:100%;
	text-align:center;
}
.EnterButton input{
	margin:0 auto;
	margin-top:5px;
}
.LoginBox_close{
	width:165px;
	height:25px;
	text-align:right;
}
.LoginBox_text{
	width:165px;
	height:25px;
}
.LoginBox_text span{
	color:#333;
	width:25px;
	font-size:12px;
	font-weight:bold;
	float:left;
	line-height:120%;
}
.LoginBox_botton{
	width:165px;
	height:25px;
	text-align:center;
}
.LoginBox_show{
	width:51px;
	height:30px;
	position:absolute;
	left:228px;
	top:0px;
	z-index:100;
	background:url(images/nt.jpg);
	background-position:150px 0px;
}
.showbtn{
	display:block;
	height:22px;
	width:76px;
	position:absolute;
	left: 391px;
	top: 0px;
	background:url(../images/in_02.gif);
	background-position:-391px top;
	
}

h5 {
	font-size: 14px;
	margin-top: 10px;
	padding-bottom: 10px;
	color: #00ac00;
	border-bottom: 1px solid #1BAA73;
}