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

/* page title */

div.sol001{
	 background: url(/images/sol001_heading_01.jpg) top left no-repeat;
}

div.sol002{
	 background: url(/images/sol002_heading_01.jpg) top left no-repeat;
}

div.mai002{
	 background: url(/images/mai002_heading_01.jpg) top left no-repeat;
}

div.mai003{
	 background: url(/images/mai003_heading_01.jpg) top left no-repeat;
}

div.mai004{
	 background: url(/images/mai004_heading_01.jpg) top left no-repeat;
}

div.mai005{
	 background: url(/images/mai005_heading_01.jpg) top left no-repeat;
}


div.mai006{
	 background: url(/images/mai006_heading_01.jpg) top left no-repeat;
}

div.mai007{
	 background: url(/images/mai007_heading_01.jpg) top left no-repeat;
}

div.mai008{
	 background: url(/images/mai008_heading_01.jpg) top left no-repeat;
}

div.mai009{
	 background: url(/images/mai009_heading_01.jpg) top left no-repeat;
}

div.mai010{
	 background: url(/images/mai010_heading_01.jpg) top left no-repeat;
}

div.mai011{
	 background: url(/images/mai011_heading_01.jpg) top left no-repeat;
}

div.mai013{
	 background: url(/images/mai013_heading_01.jpg) top left no-repeat;
}

div.mai014{
	 background: url(/images/mai014_heading_01.jpg) top left no-repeat;
}

div.mai015{
	 background: url(/images/mai015_heading_01.jpg) top left no-repeat;
}

div.mai016{
	 background: url(/images/mai016_heading_01.jpg) top left no-repeat;
}

div.mai017{
	 background: url(/images/mai017_heading_01.jpg) top left no-repeat;
}

/* on mause */
.box03 a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
}









.box01 h3{
	background: url(/common/images/bg_title_02.jpg) 0 0 no-repeat;
	height:19px;
	width:353px;
	padding:9px 14px;
	font-size:120%;
	font-weight:bold;
}

.box01 div.text{
	background: url(/common/images/bg_title_02_center.jpg) 0 0 no-repeat;
	height:120px;
	width:342px;
	padding:9px 14px;
	}
	
.box01 div.text li{
	background: url(/common/images/ico_point.gif) 2px 5px no-repeat;
	padding-left:18px;
	list-style:none;
	line-height:180%;
	}

.box01 div.btm{
	background: url(/common/images/bg02_title_02.gif) 0 0 no-repeat;
	height:26px;
	width:202px;
	padding:6px 14px;
	clear:both;
	}
	
.box01 div.btm p.point{
	background: url(/common/images/ico_point.gif) 2px 5px no-repeat;
	padding-left:18px;
	float:right;
	}


/* feature_list */
ul.feature_list li {
	float:left;
	margin:0 15px 15px 0;
	width:31%;
	height:40px;
}

ul.feature_list li.fea_r {
	margin-right:0px;
}

ul.feature_list li.fea_b {
	margin-bottom:0px;
}
	
ul.feature_list li dl dt {
	float:left;
}

ul.feature_list li dl dd {
	height:30px;
	width:140px;
	padding:10px 0 0 7px;
	float:left;
}

ul.feature_list li dl dd.l2 {
	padding-top:5px;
	height:35px;
	line-height:130%;
}

ul.feature_list li dl dd a {
	font-weight:bold;
	color:#333;
}

ul.feature_list li:hover {
	background-color:#FCC;
}

/* feature_de_list */
ul.feature_de_list {
	margin-top:20px;
}

ul.feature_de_list li {
	float:left;
	width:33%;
}

ul.feature_de_list li.fea_r {
	width:34%;	
}


ul.feature_de_list li dl {
	width:220px;
	margin:0 0 25px 0;
}

ul.feature_de_list li dl:hover {
	background-color:#FCC;
}

ul.feature_de_list li.fea_c dl{ margin-left:5px; }
ul.feature_de_list li.fea_r dl{ margin-left:10px; }

ul.feature_de_list li.fea_b dl{ margin-bottom:0px; }



ul.feature_de_list li dl dt {
	height:23px;
	width:200px;
	padding:7px 8px 0 12px;
	background: url(/images/pse_texture_01.gif) top left no-repeat;
}

ul.feature_de_list li dl dt a {
	color:#FFF;
	font-weight:bold;
	font-size:120%;
}


ul.feature_de_list li dl dd ul {
	margin-top:8px;
}

ul.feature_de_list li dl dd ul li {
	float:none;
	margin:0px;
	width:210px;
}



/* lineup_list */



div.lineup_list{
	width:477px;
	margin:0 10px 0 0;
	}

div.lineup_list {
	background: url(/images/bg_title_lineup.jpg) 0 0 no-repeat;
	}

div.lineup_list h3 {
	height:22px;
	width:200px;
	font-size:120%;
	font-weight:bold;
	padding:5px 0 0 10px;
	
}


ul.lineup_list li {
	margin-bottom:12px;
	/margin-bottom:10px;
}

ul.lineup_list li.lin_b {
	margin-bottom:0px;
}

ul.lineup_list li dl dt {
	float:left;
	height:40px;
	width:200px;
}

ul.lineup_list li dl dd {
	margin-top:2px;
	width:230px;
	float:right;
}

ul.lineup_list li dl dd.l1 {
	margin-top:10px;	
}



/* page */

.box03 .text-area .text_h ul.mail_fea {
	width:300px;
}


.box03 .text-area .text_h ul.sol001 {
	font-weight:bold;
}

.box03 .text-area .text_h ul.sol001 li{
	float:left;
	margin-right:20px;
}

.box03 .text-area .text_h ul.sol001 li ul li {
	float:none;
}


.box03 .text-area .text_h ul.mail_fea li ul li {
	float:left;
	margin-right:20px;
}


/* sol001  */

.sol001_o .text_h:hover {
	background-color:#FFE8E8;
}


/* mai001  */

div.mai001_column {
	margin-top:15px;
}

div.mai001_column  .box03 {
	margin-top:0px;
}

div.mai001 {
	margin:0 0 10px;
	background: url(/images/mai001_texture_under_01.gif) left bottom no-repeat;

}

.top_contents {
_margin:0 0 15px !important;
}

div.mai001_inner {
	background: url(/images/mai001_texture_top_01.gif) left top no-repeat;
	padding-top:5px;
}

div.mai001_contents {
	margin:0 0 5px;
	width:217px;
	min-height:162px;
	_height:168px;
	padding:3px 8px 0;
	background:#F2F2F2;
}

div.mai001_contents p {
	margin-top:7px;
	/line-height:1.4;
}

div.mai001_contents p.point {
	background: url(/common/images/ico_point.gif) 2px 5px no-repeat;
	padding-left:18px;
}






/* mai002  */
img.mai002 {
	margin-right:15px;
}

p.mai002 {
	width:423px;
}


/* mai004  */
p.mai005 {
	margin-left:15px;
}


/* mai005  */
.box03 .text-area div.mai005_02 {
	margin-top:20px;
	width:325px;
}
.box03 .text-area div.mai005_02 p {
	width:315px;
}

p.mai005_02 {
	margin:40px 0 30px;
	font-size:130%;
}

p.mai005_lead {
	margin:20px 0 20px;
	font-size:130%;
	line-height:150%;
}

/* mai009 */
dl.mai009 {
	margin-top:20px;
}

dl.mai009 dt {
	margin-top:20px;
}

dl.mai009 dd {
	margin:5px 0 0 30px;
}


p.mai009_cap {
	text-align:center;
}


/* mai010 */
dl.srv_flow dt {
	margin-bottom:20px;
	display:block;
	clear:both;
	float:left;}

dl.srv_flow dd {
	width:350px;
	float:left;
	display:block;
	margin-left:15px;
	margin-bottom:20px;
}
		
dl.srv_flow dd.last {
	margin-bottom:10px;
}
	

/* mai011 */

p.mai011 {
	margin-top:10px;
	width:490px;
}

ul.mai011 li {
	text-align:center;
	margin-top:10px;
	width:170px;
	height:40px;
	color:#333;
	background: url(/images/pse_btn_02.jpg) top left no-repeat;
}

ul.mai011 li:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}
	

ul.mai011 li a {
	height:28px;
	color:#333;
	padding-top:12px;
	font-size:120%;
	display:block;
	font-weight:bold;
}

ul.mai011 li.inq  {
	background: url(/images/pse_btn_01.jpg) top left no-repeat;
}

ul.mai011 li.inq a {
	color:#FFF;
}
	

/* mai014 */
.text_mai014 p {
	width:450px;
	}
	
.img-center{
	padding-left: 40px;
	}
/* mai015 */

ul.mai015 li {
	width:200px;
	float:left;
	margin-right:40px;
 }
 
ul.mai015 li.last {
	margin-right:0;
}
 
ul.mai015 li dl dd
 {
	 margin-top:10px;
	width:200px;	
 }


.mai017_btn_list {
	margin:5px 0;
}

.mai017_btn_list li {
	float:right;
	width:224px;
	margin-left:5px;

}

.mai017_btn_list li a {
	display:block;
	width:212px;
	height:30px;
	margin:0 0 3px;
	padding:35px 0 0 12px;
	color:#666;
	background-position:0 0;
	background-repeat:no-repeat;
}

.mai017_btn_list li.line02 a {
	height:36px;
	padding:29px 0 0 12px;
	line-height:1.2;
}

.mai017_btn_list li a:hover {
	background-position:0 -65px;
}

.mai017_btn_list li.btn01 a { background-image:url(../../images/mai017_btn_01.jpg); }
.mai017_btn_list li.btn02 a { background-image:url(../../images/mai017_btn_02.jpg); }
.mai017_btn_list li.btn03 a { background-image:url(../../images/mai017_btn_03.jpg); }
.mai017_btn_list li.btn04 a { background-image:url(../../images/mai017_btn_04.jpg); }
.mai017_btn_list li.btn05 a { background-image:url(../../images/mai017_btn_05.jpg); }
.mai017_btn_list li.btn06 a { background-image:url(../../images/mai017_btn_06.jpg); }
.mai017_btn_list li.btn07 a { background-image:url(../../images/mai017_btn_07.jpg); }


.mai017_btn_list li span {
	font-size:85%;
	line-height:1.2;
	color:#666;
}