@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :module.css
 author     :dig
 style info :汎用スタイル、コンテンツモジュール関係 他
 
このスタイルシートの構成
 基本設定 
 #header
 #contents
 #main
 #area
 .side
 #footer
 汎用スタイル
 モジュールスタイル
 	#main
	.side
 
 *Since: 2012-12-25
 *Modified: 2012-12-25
=================================================================== */

/*----------------------------------------------------
基本設定、リンクカラーなど
----------------------------------------------------*/


a:hover img.btn {
opacity:0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}
img.max{
	display:none;
}
.hidden {
	display:none;
	overflow:hidden;
	height:0;
	width:0;
	padding:0;
	margin:0;
}
.intext{
	font-size:12px;
	line-height:24px;
	
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*----------------------------------------------------
共通
----------------------------------------------------*/
.ptb30 {
	padding-top:30px;
	padding-bottom:30px;
}
.ptb20 {
	padding-top:20px;
	padding-bottom:20px;
}
.ptb10 {
	padding-top:5px;
	padding-bottom:5px;
}
.ptb5 {
	padding-top:10px;
	padding-bottom:10px;
}
.pt30 {
	padding-top:30px;
}
.pt20 {
	padding-top:20px;
}
.pt10 {
	padding-top:10px;
}
.pb30 {
	padding-bottom:30px;
}
.pb20 {
	padding-bottom:20px;
}
.pb10 {
	padding-bottom:10px;
}

.external {
	background: url(/common/images/icn_winopen.gif) no-repeat right center;
	padding: 0 15px 0 0;
	margin: 0 5px 0 0;
}


/* ======= page ======= */
#page {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	font-size:90%;
	background: url("/images_top/bg_main.gif") #ccc repeat-y 50% 50%;
}
.fp80 {
	font-size:0.8ew;
	
}
/* ======= gnav ======= */
#gnav {
	width:992px;
	margin:0 auto;
	background:none;
}
#gnav p {
	float: left;
}
#gnav ul {
	float: left;
}
#gnav li {
	float: left;
}
#gnav li .gnavList {
	width: 170px !important;
	position: absolute;
	left: -8px;
	top: 50px;
	z-index: 9999;
	background: url(/images_top/bg_gnav.gif) repeat 0 0;
	float: none;
	display: none;
}
#gnav li .gnavList li a {
    background: none repeat scroll 0 0 transparent !important;
    border-top: 1px solid #3B0606;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: auto !important;
    line-height: 1;
    overflow: auto !important;
    padding: 10px 7px !important;
    text-decoration: none;
    width: auto !important;
}
p#search {
	width:270px;
	height:22px;
	position:absolute;
	right:-68px;
	padding:52px 0 2px 0;
	background:url(/images_top/bg_search.png) no-repeat 100% 0;
	z-index:1;
}
/* ======= dropdown ======= */

#menucaption{
z-index:999;
width:200px;
position:absolute;
top:25px;
right:310px;
text-align:right;
height:35px;
line-height:38px;
font-weight:bold;
color:#000000;


}


ul#menu{
z-index:999;
width:300px;
position:absolute;
top:25px;
right:0px;
border-top:1px solid #23345d;

}

#ops ul#menu{
	z-index:999;
	width:300px;
	position:absolute;
	top:25px;
	right:0px;	
}
ul#menu li{
	/display:inline;
	/zoom:1;
	
}
ul#menu li a{
background: url(../../about_lpi/images/ya.gif) no-repeat right center;	
}
ul#menu li a:hover{

background: url(../../about_lpi/images/ya.gif) no-repeat right center;	
}

ul#menu li li{
	background-image:none;
}

ul#menu li li a{
	background-image:none;
}
ul#menu li li a:hover{
	background-image:none;
}

ul#menu li{
float:left;
width:300px;
height:35px;
background-color:#FFF;
list-style:none;
text-align:center;
}

ul#menu li a{
display:block;
width:298px;
height:34px;
line-height:38px;
text-align:left;
text-indent:10px;
color:#23345d;
text-decoration:none;
border-left:1px solid #23345d;
border-right:1px solid #23345d;
border-bottom:1px solid #23345d;
}
ul#menu li a:hover {
	background-color:#c5e7f9;
}

ul#menu li a.active {
	background-color:#e5f2f9;
}


ul#sub{
	display:none;
	/position:relative;
	/zoom:1;
}
ul#sub li{
float:none;
z-index:999;
position:relative;
}


.linkboxbg {
height:124px;
background: url(/newimg/k.gif) #FFF no-repeat center top;
padding:29px 0 90px 0;
}
.linkbox{
	clear:both;
	width:982px;
	height:124px;
	overflow:hidden;
	margin:0 auto;
}
.linkbox_1{
	clear:both;
	width:982px;
	height:83px;
	
}
.linkbox_2{
	clear:both;
	width:982px;
	height:41px;
	
}
.linkbox p.link_1 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 0;}
	
.linkbox p.link_2 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat -327px 0;}
.linkbox p.link_3 {
	height:83px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat -654px 0;}
.linkbox p.link_4 {
	clear:both;
	height:41px;
	width:982px;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -83px;}


.linkbox p.link_1 a,
.linkbox p.link_2 a{
	height:83px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.linkbox p.link_3 a{
	height:83px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}


.linkbox p.link_4 a{
	height:41px;
	width:982px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.linkbox p.link_1 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -124px;}
.linkbox p.link_2 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat -327px -124px;}
.linkbox p.link_3 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat -654px -124px;}
.linkbox p.link_4 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -207px;}


.charmlinkboxbg {
height:124px;
background: url(/newimg/k.gif) #FFF no-repeat center top;
padding:29px 0 90px 0;
}
.charmlinkbox{
	clear:both;
	width:982px;
	height:124px;
	overflow:hidden;
	margin:0 auto;
}
.charmlinkbox .linkbox_1{
	clear:both;
	width:982px;
	height:83px;
	
}
.charmlinkbox .linkbox_2{
	clear:both;
	width:982px;
	height:41px;
	
}
.charmlinkbox p.link_1 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../charm/images/charmbt.gif) no-repeat 0 0;}
	
.charmlinkbox p.link_2 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../charm/images/charmbt.gif) no-repeat -327px 0;}
.charmlinkbox p.link_3 {
	height:83px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../charm/images/charmbt.gif) no-repeat -654px 0;}
.charmlinkbox p.link_4 {
	clear:both;
	height:41px;
	width:982px;
	overflow:hidden;
	position:relative;
	background: url(../../charm/images/charmbt.gif) no-repeat 0 -83px;}


.charmlinkbox p.link_1 a,
.charmlinkbox p.link_2 a{
	height:83px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.charmlinkbox p.link_3 a{
	height:83px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}


.charmlinkbox p.link_4 a{
	height:41px;
	width:982px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.charmlinkbox p.link_1 a:hover {background: url(../../charm/images/charmbt.gif) no-repeat 0 -124px;}
.charmlinkbox p.link_2 a:hover {background: url(../../charm/images/charmbt.gif) no-repeat -327px -124px;}
.charmlinkbox p.link_3 a:hover {background: url(../../charm/images/charmbt.gif) no-repeat -654px -124px;}
.charmlinkbox p.link_4 a:hover {background: url(../../charm/images/charmbt.gif) no-repeat 0 -207px;}

.chiplink{
margin-top:10px;
background:#FFFFFF;
}

.chiplink #topicPath{
width:982px;
margin:0 auto;
padding:10px 5px 0 5px;
	
}
/* ======= about_lpi ======= */

#about_lpi .about_lpibox{
clear:both;
height:595px;
background: url(../../about_lpi/images/about_lpi_mainbk.gif) #FFF no-repeat center top;
overflow:hidden;
position:relative;
}
#about_lpi .about_lpibox .about_lpiinner{
height:595px;
width:982px;
background: url(/newimg/k.gif) no-repeat center bottom;
position:relative;
margin:0 auto;
}
#about_lpi .about_lpibox .about_lpiinner img.up{
	z-index:999;
	position:absolute;
	top:70px;
}

#about_lpi .about_lpibox .about_lpiinner img.down{
	z-index:99;
	position:absolute;
	top:70px;
	left:-50px;
}


.tit_box{
	height:70px;
	background: url(../../about_lpi/images/titbk.gif) no-repeat left bottom;
}
.tit_box h2{
	float:left;
	width:600px;
	height:20px;
	padding:37px 0 13px 15px;
	font-size:20px;
	line-height:20px;
}
#about_lpi .gbox{
clear:both;
padding:29px 0 90px 0;
height:347px;
background: url(../../about_lpi/images/toptabbg.gif) #fff repeat-x 0 0;
overflow:hidden;

}
#about_lpi .gbox h3{
	height:20px;
	font-size:20px;
	line-height:20px;
	width:982px;
	margin:0 auto;
	padding:5px 0 20px 0;
	text-align:center;
}


.about_lpbt{
	clear:both;
	width:982px;
	height:270px;
	overflow:hidden;
	margin:0 auto;
}
.about_lpbt p.about_lpi_1 {
	height:270px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../about_lpi/images/about_lpic_menu.jpg) no-repeat 0 0;}
.about_lpbt p.about_lpi_2 {
	height:270px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/about_lpic_menu.jpg) no-repeat -327px 0;}
.about_lpbt p.about_lpi_3 {
	height:270px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/about_lpic_menu.jpg) no-repeat -654px 0;}

.about_lpbt p.about_lpi_1 a,
.about_lpbt p.about_lpi_2 a{
	height:270px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}

.about_lpbt p.about_lpi_3 a{
	height:270px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}

.about_lpbt p a span{
	display:block;
	position:absolute;
	width:307px;
	height:110px;
	padding-top:150px;
	padding-left:25px;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	color:#000;
	
}
.about_lpbt p.about_lpi_1 a:hover {background: url(../../about_lpi/images/about_lpic_menu.jpg) no-repeat 0 -270px;}
.about_lpbt p.about_lpi_2 a:hover {background: url(../../about_lpi/images/about_lpic_menu.jpg) no-repeat -327px -270px;}
.about_lpbt p.about_lpi_3 a:hover {background: url(../../about_lpi/images/about_lpic_menu.jpg) no-repeat -654px -270px;}

/* ======= linux ======= */

#linux .linuxbox{
clear:both;
height:420px;
background:#FFF;
overflow:hidden;
}
#linux .linuxbox .linuxinner{
height:420px;
width:982px;
background: url(/newimg/k.gif) no-repeat center bottom;
position:relative;
margin:0 auto;
}
#linux .linuxbox1bg{
	background: url(../../about_lpi/images/bg01.gif) repeat 0 0;
}
#linux .linuxbox1 {
height:420px;
width:982px;
padding:30px 0;
margin:0 auto;
background: url(../../about_lpi/images/linuxbk.png) no-repeat 0 30px;
position:relative;
}

#linux .linuxbox1_1{
	clear:both;
	height:440px;
	overflow:hidden;
	
}
#linux .linuxbox1_2{
	height:350px;
	clear:both;
	overflow:hidden;
}
#linux .linuxbox1 p.linux_01 {
	width:491px;
	height:440px;
	float:left;
}

#linux .linuxbox1 p.linux_02 {
	width:431px;
	height:370px;
	float:right;
	padding: 70px 0 0 60px;
}

#linux .linuxbox1 p.linux_03 {
	width:431px;
	height:250px;
	float:left;
	padding: 100px 0 0 60px;
}

#linux .linuxbox1 p.linux_04 {
	width:431px;
	height:270px;
	float:right;
	padding: 80px 0 0 60px;
}
#linux .linux_02bt {
	position: absolute;
	top:435px;
	right:20px;
	display:block;
	width:11em;
	text-align:right;
	color:#d96a35;
	padding:0 15px 0 0 ;
	text-decoration:none;
}

#linux .linuxbox2{
clear:both;
height:374px;
overflow:hidden;
background: url(/newimg/k.gif) #FFF no-repeat center bottom;
}
#linux .linuxbox2 .linuxinner{
height:374px;
width:982px;
position:relative;
background: url(../../about_lpi/images/linux_share.gif) #FFF no-repeat center bottom;
margin:0 auto;
}
#linux .linuxbox2 .linuxinner p{
	padding:140px 0 0 60px;
	font-size:12px;
	line-height:20px;

}
#linux .linuxbox3bg{
	background: url(../../about_lpi/images/bg01.gif) repeat 0 0;
}
#linux .linuxbox3 {
height:415px;
width:982px;
padding:30px 0;
margin:0 auto;
background: url(../../about_lpi/images/whatjob.png) no-repeat 0 30px;
position:relative;
overflow:hidden;

}

#linux .linuxbox3_1{
	clear:both;
	height:120px;
	overflow:hidden;
	padding-top:120px;
}
#linux .linuxbox3_2{
	height:350px;
	clear:both;
	height:140px;
	overflow:hidden;
}
#linux .linuxbox3_3{
	clear:both;
}
#linux .linuxbox3 p.linux_01 {
	width:217px;
	height:70px;
	float:left;
	padding:50px 15px 0 95px;
}
#linux .linuxbox3 p.linux_02 {
	width:222px;
	height:70px;
	float:left;
	padding:50px 15px 0 90px;
}
#linux .linuxbox3 p.linux_03 {
	width:202px;
	height:70px;
	float:left;
	padding:50px 15px 0 110px;
}
#linux .linuxbox3 p.linux_04 {
	width:217px;
	height:90px;
	float:left;
	padding:50px 15px 0 95px;
}
#linux .linuxbox3 p.linux_05 {
	width:222px;
	height:90px;
	float:left;
	padding:50px 15px 0 90px;
}
#linux .linuxbox3 p.linux_06 {
	width:202px;
	height:90px;
	float:left;
	padding:50px 15px 0 110px;
}



#linux .linuxbox3 p.linux_07bt {
	position: absolute;
	top:410px;
	right:20px;
	display:block;
	width:34em;
	text-align:right;
	color:#d96a35;
	padding:0 15px 0 0 ;
}
#linux .linuxbox3 p.linux_07bt a{
	color:#d96a35;
	text-decoration:none;
}


#linux .linuxbox4 {
height:420px;
background: url(/newimg/k.gif) #FFF no-repeat center top;
}
#linux .linuxbox4 .linuxinner{
height:420px;
width:982px;
position:relative;
background: url(../../about_lpi/images/linuxcharacter.gif) #FFF no-repeat center top;
margin:0 auto;
}

#linux .linuxbox4 .linuxbox4_l{
	float:left;
	width:330px;
	padding:305px 0 0 140px;
	
}
#linux .linuxbox4 .linuxbox4_r{

	float:right;
	width:330px;
	padding:305px 110px 0 0 ;
}

#linux .linuxbox5 {
	background: url(/newimg/k.gif) #FFF no-repeat center top;
	text-align:center;
}

/* ======= ops ======= */


#ops .opsbox1bg{
clear:both;
background:#FFF;
}
#ops .opsbox1 {
height:429px;
width:982px;
margin:0 auto;
background: url(../../about_lpi/images/opsbg01.png) no-repeat 0 70px;
position:relative;
}
#ops .opsbox1 p{
	padding:200px 0 0 10px;

}
#ops .opsbox2bg{
height:489px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
	
}
#ops .opsbox2{
height:489px;
width:982px;
margin:0 auto;
overflow:hidden;
}


#ops .opsbox3bg{
clear:both;
background:#FFF;
}
#ops .opsbox3 {
height:640px;
width:982px;
margin:0 auto;
background: url(../../about_lpi/images/opsbg03.png) no-repeat 0 0;
position:relative;
}
#ops .opsbox3 p{
	padding:430px 0 0 415px;
}

#ops .opsbox4bg{
height:788px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
	
}
#ops .opsbox4{
height:788px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/opsbg04.png) no-repeat 0 0;
position:relative;
}
#ops .opsbox4 p.opsbox4_1{
	position:absolute;
	width:190px;
	height:80px;
	left:60px;
	top:180px;
	
}


#ops .opsbox4 p.opsbox4_2{
	position:absolute;
	width:210px;
	height:120px;
	
	left:410px;
	top:145px;
}

#ops .opsbox5bg{
height:729px;
background:#fff
	
}
#ops .opsbox5{
height:729px;
width:982px;
margin:0 auto;
overflow:hidden;
}

#ops .opsbox6bg{
height:530px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
clear:both;
}
#ops .opsbox6{
margin:0 auto;
background: url(../../about_lpi/images/opsbg06.png) no-repeat center top;
}

#ops .opsbox6 .opsbox6_1{
	width:864px;
	margin:0 auto;
	padding-top:100px;
}

#ops .opsbox6 .opsbox6_1 .opsbox6_1l{
	width:269px;
	float:left;
	padding-right:27px;
}

#ops .opsbox6 .opsbox6_1 .opsbox6_1c{
	width:269px;
	float:left;
	padding-right:27px;
	
}

#ops .opsbox6 .opsbox6_1 .opsbox6_1r{
	width:269px;
	float:left;
	
}
.opsbox6txt{
	padding: 20px 10px;
	
}

.opsbox6img{
	
}


/* ======= it ======= */


/* ======= linux ======= */

#it .ittit{
clear:both;
height:70px;
background:#FFF;
z-index:9999;
}
#it .ittit .ittitbox{
height:70px;
width:982px;
position:relative;
margin:0 auto;
}

#it .it {
	background:#fff;
	clear:both;
	padding-top:20px;
	
}

#it #itbox1bg {
height:562px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/itbg01.jpg) no-repeat  center top;
position:relative;
}

#it #itbox2bg {
height:730px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/itbg02.jpg) no-repeat  center top;
position:relative;
}

#it .itbox3bg {
height:730px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/itbg03.jpg) no-repeat  center top;
position:relative;
}

#it .itbox4bg {
height:730px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/itbg04.jpg) no-repeat  center top;
position:relative;
}

#it .itbox5bg {
height:730px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/itbg05.jpg) no-repeat  center top;
position:relative;
}

#it .itbox6bg {
height:730px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../about_lpi/images/itbg06.jpg) no-repeat  center top;
position:relative;
padding-bottom:70px;
}
#it .itbox1bg p{
	width:205px;
	height:150px;
	position:absolute;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:32px;
}
#it .itbox1bg p.itbox1txt1{
	top:170px;
	left:150px;
	padding-top:45px;
	
}
#it .itbox1bg p.itbox1txt2{
	top:170px;
	left:390px;
	padding-top:30px;
	
}
#it .itbox1bg p.itbox1txt3{
	top:170px;
	left:627px;
	padding-top:30px;
}

#it .itbox2bg p.itbox2txt1{
	width:280px;
	height:130px;
	position:absolute;
	top:160px;
	left:670px;
	
}

#it .itbox2bg p.itbox2txt2{
	width:280px;
	height:130px;
	position:absolute;
	top:340px;
	left:670px;
}

#it .itbox3bg p.itbox3txt1{
	width:190px;
	height:100px;
	position:absolute;
	top:310px;
	left:310px;
}
#it .itbox3bg p.itbox3txt2{
	width:190px;
	height:100px;
	position:absolute;
	top:310px;
	left:680px;
}
#it .itbox3bg p.itbox3txt3{
	width:190px;
	height:100px;
	position:absolute;
	top:550px;
	left:310px;
}
#it .itbox3bg p.itbox3txt4{
	width:190px;
	height:100px;
	position:absolute;
	top:550px;
	left:680px;
}
#it .itbox5bg p.itbox5txt1{
	width:270px;
	height:100px;
	position:absolute;
	top:240px;
	left:220px;
}
#it .itbox5bg p.itbox5txt2top{
	width:200px;
	height:40px;
	position:absolute;
	top:190px;
	left:760px;
	line-height:1.4em;
}
#it .itbox5bg p.itbox5txt2{
	width:300px;
	height:100px;
	position:absolute;
	top:240px;
	left:573px;
}
#it .itbox5bg p.itbox5txt3top{
	width:80px;
	height:20px;
	position:absolute;
	top:510px;
	left:420px;
}
#it .itbox5bg p.itbox5txt3{
	width:270px;
	height:90px;
	position:absolute;
	top:540px;
	left:220px;
}
#it .itbox5bg p.itbox5txt4top{
	width:80px;
	height:20px;
	position:absolute;
	top:510px;
	left:760px;
}
#it .itbox5bg p.itbox5txt4{
	width:300px;
	height:90px;
	position:absolute;
	top:540px;
	left:573px;
}

#it .itbox6bt {
	position:absolute;
	left:162px;
	top:244px;
	width:776px;
	height:316px;
	
}
#it .itbox6btbox {
	height:158px;
	clear:both;
}
#it .itbox6btbox p{
	height:158px;
	widows:194px;
	float:left;
}


#it p.itbt{
	text-align:center;
	bottom:0px;
	left:261px;
	width:460px;
	height:70px;
	position:absolute;
}

#it .itbox2bg p.itbt,
#it .itbox3bg p.itbt,
#it .itbox4bg p.itbt,
#it .itbox5bg p.itbt,
#it .itbox6bg p.itbt{
	text-align:center;
	bottom:0px;
	left:261px;
	width:460px;
	height:70px;
}

#it ul.itnav {
	position:absolute;
	width:65px;
	display:block;
	left:26px;
	top:50px;
	
}
#it .itnav li {
	list-style:none;
	height:65px;
	width:65px;
	margin-bottom:11px;
	position: relative;
	overflow:hidden;
}
#it .itnav li a span{
	display:none;

}

#it .itnav li.nav01 {
	background: url(../../about_lpi/images/itbt00.gif) no-repeat 0 0;}
#it .itnav li.nav02 {
	background: url(../../about_lpi/images/itbt00.gif) no-repeat -65px 0;}
#it .itnav li.nav03 {
	background: url(../../about_lpi/images/itbt00.gif) no-repeat -130px 0;}
#it .itnav li.nav04 {
	background: url(../../about_lpi/images/itbt00.gif) no-repeat -195px 0;}
#it .itnav li.nav05 {
	background: url(../../about_lpi/images/itbt00.gif) no-repeat -260px 0;}
#it .itnav li.nav06 {
	background: url(../../about_lpi/images/itbt00.gif) no-repeat -325px 0;}
	
#it .itnav li a{
	height:65px;
	width:65px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#it .itnav li.nav01 a:hover, 
#it .itnav li.nav01 a.itac{background: url(../../about_lpi/images/itbt00.gif) no-repeat 0 -65px;}

#it .itnav li.nav02 a:hover, 
#it .itnav li.nav02 a.itac{background: url(../../about_lpi/images/itbt00.gif) no-repeat -65px -65px;}

#it .itnav li.nav03 a:hover, 
#it .itnav li.nav03 a.itac{background: url(../../about_lpi/images/itbt00.gif) no-repeat -130px -65px;}

#it .itnav li.nav04 a:hover, 
#it .itnav li.nav04 a.itac{background: url(../../about_lpi/images/itbt00.gif) no-repeat -195px -65px;}

#it .itnav li.nav05 a:hover, 
#it .itnav li.nav05 a.itac{background: url(../../about_lpi/images/itbt00.gif) no-repeat -260px -65px;}

#it .itnav li.nav06 a:hover, 
#it .itnav li.nav06 a.itac{background: url(../../about_lpi/images/itbt00.gif) no-repeat -325px -65px;}


#it a.brit {
	display:block;
	background: url(../../about_lpi/images/brit.png) no-repeat left 3px;
	padding-left:20px;
}

/* ======= level ======= */


#level .levelbox1bg {
clear:both;
height:452px;
background: url(/newimg/k.gif) #fff no-repeat center bottom;
}


#level .levelbox1 {
width:982px;
height:452px;
background:#FFF;
overflow:hidden;
background: url(../../about_lpi/images/levelbg02.gif) no-repeat center 70px;
position:relative;
margin:0 auto;
}
#level .levelbox1 p {
position:absolute;
top:245px;
left:45px;
margin:0 auto;
font-size:14px;
line-height:26px;
}

#level .levelbox2bg {
background: url(../../about_lpi/images/levelbg01.jpg) repeat-x center top;
padding-bottom:30px;	
	
	
}
#level .levelya {
width:982px;
margin:0 auto;
padding:40px 0 20px 0;
	
}
#level .levelbox2 {
background: url(../../about_lpi/images/levelbg03.gif) repeat-y center top;
width:982px;
margin:0 auto;
	
}
#level .levelbox2_01,
#level .levelbox2_02,
#level .levelbox2_03,
#level .levelbox2_04,
#level .levelbox2_05,
#level .levelbox2_06 {
	clear:both;
	
}
#level .levelbox2 div div{
	text-align:center;
	
}
#level .levelbox2_line {
	clear:both;
	padding:4px;
	margin: 4px;
	border:#1d365e 1px solid;
	text-align:center;
font-size:18px;
color:#1d365e;
background-color:#FFFFFF;
	
}
#level .levelbox2_line span {
	font-size:12px
	
}
#level .levelbox2l {
	float:left;
	padding:20px 5px 20px 4px;
	width:236px;

}
#level .levelbox2c {
	float:left;
	padding:20px 5px 20px 4px;
	width:236px;

}
#level .levelbox2r {
	float:left;
	padding:20px 5px 20px 4px;
	width:482px;
}
#level.dotline {
background: url(../../about_lpi/images/levelbg04.gif) no-repeat center bottom;
	
}
#level .lbd {
background: url(../../about_lpi/images/levelbg05.gif) repeat-y 1px top;
}


#level .levelf01 {
	color:#d96a35;
	font-size:18px;
	
}

#level .levelf02 {
	font-size:16px;
	line-height:26px;
	color:#1d365e;	
}

#level .levelf03 {
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	
}


#level .levelbox2l .levelf04 {
	font-weight:bold;
	font-size:18px;
	color:#17365c;
	
}


#level .levelbox2c .levelf04 {
	font-weight:bold;
	font-size:18px;
	color:#3b5f19;
	
}


#level .levelbox2r .levelf04 {
	font-weight:bold;
	font-size:18px;
	color:#7f000b;
	
}
#level .levelbox2_03 .levelbox2l,
#level .levelbox2_03 .levelbox2c {
	text-align:left;
	font-size:12px;
	line-height:24px;
	padding-left:10px;
	padding-right:11px;
	width:223px;
	
}
#level .levelbox2_03 .levelbox2r {
	text-align:left;
	font-size:12px;
	line-height:24px;
	padding-left:10px;
	padding-right:11px;
	width:469px;
}

#level .levelbox3bg {
height:124px;
background: url(/newimg/k.gif) #FFF no-repeat center top;
padding:40px 0 90px 0;
}
#level .levelbox3{
	clear:both;
	width:982px;
	height:124px;
	overflow:hidden;
	margin:0 auto;
	
}
#level .llevelbox3_1{
	clear:both;
	width:982px;
	height:83px;
	
}
#level .levelbox3_2{
	clear:both;
	width:982px;
	height:41px;
	
}
#level .levelbox3 p.level_1 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 0;}
	
#level .levelbox3 p.level_2 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat -327px 0;}
#level .levelbox3 p.level_3 {
	height:83px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat -654px 0;}
#level .levelbox3 p.level_4 {
	clear:both;
	height:41px0px;
	width:982px;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -83px;}


#level .levelbox3 p.level_1 a,
#level .levelbox3 p.level_2 a{
	height:93px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#level .levelbox3 p.level_3 a{
	height:83px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}


#level .levelbox3 p.level_4 a{
	height:41px;
	width:982px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#level .levelbox3 p.level_1 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -124px;}
#level .levelbox3 p.level_2 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat -327px -124px;}
#level .levelbox3 p.level_3 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat -654px -124px;}
#level .levelbox3 p.level_4 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -207px;}

#level .levelbox3bg {
height:124px;
background: url(/newimg/k.gif) #FFF no-repeat center top;
padding:29px 0 90px 0;
}
#level .levelbox3{
	clear:both;
	width:982px;
	height:124px;
	overflow:hidden;
	margin:0 auto;
}
#level .levelbox3_1{
	clear:both;
	width:982px;
	height:83px;
	
}
#level .levelbox3_2{
	clear:both;
	width:982px;
	height:41px;
	
}
#level .levelbox3 p.level_1 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 0;}
	
#level .levelbox3 p.level_2 {
	height:83px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat -327px 0;}
#level .levelbox3 p.level_3 {
	height:83px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat -654px 0;}
#level .levelbox3 p.level_4 {
	clear:both;
	height:41px0px;
	width:982px;
	overflow:hidden;
	position:relative;
	background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -83px;}


#level .levelbox3 p.level_1 a,
#level .levelbox3 p.level_2 a{
	height:93px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#level .levelbox3 p.level_3 a{
	height:83px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}


#level .levelbox3 p.level_4 a{
	height:41px;
	width:982px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#level .levelbox3 p.level_1 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -124px;}
#level .levelbox3 p.level_2 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat -327px -124px;}
#level .levelbox3 p.level_3 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat -654px -124px;}
#level .levelbox3 p.level_4 a:hover {background: url(../../about_lpi/images/aboutbt.gif) no-repeat 0 -207px;}
/* ======= what ======= */
#what .whatbox1bg {
clear:both;
background: #fff;
}

#what .whatbox1bg p {
width:982px;
margin:0 auto;
padding:25px 0 50px 0;
font-size:14px;
line-height:26px;
text-align:center;
color:#d86a35;
}

#what .whatbox1 {
width:982px;
height:510px;
background:#FFF;
overflow:hidden;
background: url(../../about_lpi/images/whatbg01.gif) no-repeat center 70px;
position:relative;
margin:0 auto;
}

#whatbox2bg {
background: url(/newimg/k.gif) #fff no-repeat center bottom;
padding-bottom:30px;
}

#whatbox2 {
width:982px;
margin:0 auto;	
background: url(../../about_lpi/images/whatbg02.gif) repeat-y center top;
}

#whatbox2 li {
width:300px;
text-align:left;
float:left;
}

#whatbox2 li#box2cen {
padding:0 41px;
}

#whatbox2 p {
width:300px;
font-size:12px;
line-height:1.5;
text-align:justify;
}

#whatbox2_tit1,#whatbox2_tit2,#whatbox2_tit3 {
width:300px;
height:50px;
margin-bottom:15px;
text-indent:-9999px;
}

#whatbox2_tit1 {
background: url(../../about_lpi/images/whatbox2_tit1.gif) no-repeat left top;
}
#whatbox2_tit2 {
background: url(../../about_lpi/images/whatbox2_tit2.gif) no-repeat left top;
}
#whatbox2_tit3 {
background: url(../../about_lpi/images/whatbox2_tit3.gif) no-repeat left top;
}

.whatbox2_p {
height:157px;
text-align:center;
vertical-align:top;
margin-bottom:20px;
}


#what .whatbox3bg {
	clear:both;
	height:166px;
	padding:30px 0;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
	
}
#what .whatbox3 {
	width:982px;
	margin:0 auto;
	height:166px;
	
}
#what .whatbox3line {
	clear:both;
	width:982px;
	height:166px;
}


#what .whatbox3linel {
	float:left;
	width:481px;
	height:166px;
}


#what .whatbox3liner {
	float:right;
	width:481px;
	height:166px;
}

/* ======= charm ======= */

#charm .charmbox{
clear:both;
height:370px;
background:#FFF;
overflow:hidden;
position:relative;
}
#charm .charmbox .charminner{
height:370px;
width:982px;
background: url(/newimg/k.gif) no-repeat center bottom;
position:relative;
margin:0 auto;
}
#charm .charmbox .charminner img.up{
	z-index:99;
	position:absolute;
	top:10px;
}


#charm .gbox{
clear:both;
padding:29px 0 0 0;
height:347px;
background: url(../../charm/images/toptabbg.gif) #fff repeat-x 0 0;
overflow:hidden;
}
#charm .gbox h3{
	height:20px;
	font-size:20px;
	line-height:20px;
	width:982px;
	margin:0 auto;
	padding:5px 0 20px 0;
	text-align:center;
}


#charm .charm_bt{
	clear:both;
	width:982px;
	height:270px;
	overflow:hidden;
	margin:0 auto;
}
#charm .charm_bt p.charm_1 {
	height:270px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../charm/images/charmc_menu.jpg) no-repeat 0 0;}
#charm .charm_bt p.charm_2 {
	height:270px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../charm/images/charmc_menu.jpg) no-repeat -327px 0;}
#charm .charm_bt p.charm_3 {
	height:270px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../charm/images/charmc_menu.jpg) no-repeat -654px 0;}

#charm .charm_bt p.charm_1 a,
#charm .charm_bt p.charm_2 a{
	height:270px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}

#charm .charm_bt p.charm_3 a{
	height:270px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}

#charm .charm_bt p a span{
	display:block;
	position:absolute;
	width:298px;
	height:125px;
	padding-top:135px;
	padding-left:30px;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	color:#000;
	
}
#charm .charm_bt p.charm_1 a:hover {background: url(../../charm/images/charmc_menu.jpg) no-repeat 0 -270px;}
#charm .charm_bt p.charm_2 a:hover {background: url(../../charm/images/charmc_menu.jpg) no-repeat -327px -270px;}
#charm .charm_bt p.charm_3 a:hover {background: url(../../charm/images/charmc_menu.jpg) no-repeat -654px -270px;}


#charm .charmbox01bg {
	height:430px;
	padding-top:25px;
	background-color:#FFFFFF;
	
}
#charm .charmbox01 {
	width:982px;
	margin:0 auto;
	
}
#charm .charmbox01line {
	clear:both;
	width:982px;
	height:183px;
	padding-bottom:12px;
}


#charm .charmbox01linel {
	float:left;
	width:481px;
	height:183px;
}


#charm .charmbox01liner {
	float:right;
	width:481px;
	height:183px;
}

/* ======= data ======= */

#data .databox{
clear:both;
height:400px;
background:#FFF;
overflow:hidden;
position:relative;
}
#data .databox .datainner{
height:400px;
width:982px;
background: url(/newimg/k.gif) no-repeat center bottom;
position:relative;
margin:0 auto;
}
#data .databox .datainner img.up{
z-index:99;
position:absolute;
top:70px;
}

#data .databox01bg {
height:410px;
background:#fff;
}

#data .databox01bg .databox01 {
height:410px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/data02.png) no-repeat 0 0;
position:relative;
}
#data .databox01bg .databox01_1 {
position:absolute;
left:60px;
top:160px;
font-size:18px;
}

#data .databox01bg .databox01_2 {
position:absolute;
left:60px;
top:200px;
font-size:12px;
line-height:20px;
}

#data .databox02bg {
height:460px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}

#data .databox02bg .databox02 {
height:460px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/data03.png) no-repeat 0 0;
position:relative;
}
#data .databox02bg .databox02_1 {
position:absolute;
left:600px;
top:230px;
font-size:12px;
line-height:20px;
}

#data .databox02bg .databox02_2 {
position:absolute;
left:600px;
top:350px;
font-size:18px;
}

#data .databox03bg {
height:495px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}

#data .databox03bg .databox03 {
height:495px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/data04.png) no-repeat 0 0;
position:relative;
}
#data .databox03bg .databox03_1 {
position:absolute;
left:60px;
top:160px;
font-size:12px;
line-height:20px;
}


#data .databox04bg {
height:470px;
background:#fff;
}
#data .databox04bg .databox04 {
height:470px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/data05.png) no-repeat 0 0;
position:relative;
}
#data .databox04bg p {
position:absolute;
left:530px;
top:200px;
width:400px;
}
#data .databox04bg .databox04_1 {
display:block;
font-size:14px;
}
#data .databox04bg .databox04_2 {
display:block;
padding-top:10px;
font-size:18px;
line-height:32px;
color:#1d365e;
}
#data .databox04bg .databox04_2 strong {
color:#d96a35;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}



#data .databox05bg {
height:385px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}
#data .databox05bg .databox05 {
height:385px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/data06.png) no-repeat 0 0;
position:relative;
}
#data .databox05bg .databox05_1 {
position:absolute;
display:block;
width:420px;
font-size:14px;
left:60px;
top:284px;
}
#data .databox05bg .databox05_2 {
position:absolute;
display:block;
padding-top:10px;
font-size:18px;
line-height:32px;
width:432px;
color:#1d365e;
left:489px;
top:260px;
}
/* ======= acquirer ======= */

#acquirer .acquirerbox{
clear:both;
height:310px;
overflow:hidden;
position:relative;
background: url(/newimg/k.gif) #FFF no-repeat center bottom;
}
#acquirer .acquirerbox .acquirerinner{
height:310px;
width:982px;
position:relative;
background: url(../../charm/images/acquirer01.png) no-repeat 0 70px;
margin:0 auto;
}
#acquirer .acquirerbox .acquirerinner p{
width:500px;
height:34px;
position:absolute;
left:120px;
top:190px;
overflow:hidden;
}

#acquirer .acquirerbox01bg {
height:370px;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;

}

#acquirer .acquirerbox01bg .acquirerbox01 {
height:370px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/acquirer02.png) no-repeat 0 0;
position:relative;
}
#acquirer .acquirerbox01bg p {
position:absolute;
left:60px;
top:55px;
width:600px;
}
#acquirer .acquirerbox01bg .acquirerbox01_1 {
display:block;
font-size:14px;
}
#acquirer .acquirerbox01bg .acquirerbox01_2 {
display:block;
padding-top:7px;
font-size:18px;
line-height:28px;
color:#1d365e;
}
#acquirer .acquirerbox01bg .acquirerbox01_2 strong {
color:#d96a35;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif

}


#acquirer .acquirerbox02bg {
height:415px;
background:#fff;

}

#acquirer .acquirerbox02bg .acquirerbox02 {
height:415px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/acquirer03.png) no-repeat 0 0;
position:relative;
}
#acquirer .acquirerbox02bg p {
position:absolute;
left:60px;
top:60px;
width:600px;
}
#acquirer .acquirerbox02bg .acquirerbox02_1 {
display:block;
font-size:14px;
}
#acquirer .acquirerbox02bg .acquirerbox02_2 {
display:block;
padding-top:7px;
font-size:18px;
line-height:28px;
color:#1d365e;
}
#acquirer .acquirerbox02bg .acquirerbox02_2 strong {
color:#d96a35;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#acquirer .acquirerbox03bg {
height:375px;
background: url(../../about_lpi/images/bg04.jpg) repeat center top;
}

#acquirer .acquirerbox03bg .acquirerbox03 {
height:375px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/acquirer04.png) no-repeat 0 0;
position:relative;
}
#acquirer .acquirerbox03bg p {
position:absolute;
left:60px;
top:60px;
width:600px;
}
#acquirer .acquirerbox03bg .acquirerbox03_1 {
display:block;
font-size:14px;
}
#acquirer .acquirerbox03bg .acquirerbox03_2 {
display:block;
padding-top:7px;
font-size:18px;
line-height:28px;
color:#1d365e;
}
#acquirer .acquirerbox03bg .acquirerbox03_2 strong {
color:#d96a35;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#acquirer .acquirerbox05bg {
clear:both;
background: #FFF;
height:137px;
text-align:center;
padding-top:40px;
padding-bottom:30px;
}







#acquirer .acquirerbox02bg {
height:415px;
background:#fff;

}

#acquirer .acquirerbox04bg {
height:415px;
background:#fff;

}
#acquirer .acquirerbox04bg .acquirerbox04 {
height:415px;
width:982px;
margin:0 auto;
overflow:hidden;
background: url(../../charm/images/acquirer05.png) no-repeat 0 0;
position:relative;
}
#acquirer .acquirerbox04bg p {
position:absolute;
left:60px;
top:60px;
width:600px;
}
#acquirer .acquirerbox04bg .acquirerbox04_1 {
display:block;
font-size:14px;
}
#acquirer .acquirerbox04bg .acquirerbox04_2 {
display:block;
padding-top:7px;
font-size:18px;
line-height:28px;
color:#1d365e;
}
#acquirer .acquirerbox04bg .acquirerbox04_2 strong {
color:#d96a35;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}







/* ======= interview ======= */

#int .intbox{
clear:both;
margin-top:10px auto 0 auto;
height:70px;
background:#FFF;
position:relative;
}
#int .intbox_innner {
clear:both;
height:70px;
width:982px;
margin:0 auto;
background:#FFF;
position:relative;
}

#int .intbox01bg {
clear:both;
background: url(/newimg/k.gif) #FFF no-repeat center bottom;
z-index:-99;
	
}
#int .intbox01 {
background:#FFF;
clear:both;
width:982px;
padding-bottom:30px;
margin:0 auto;
	
}
#int .intbox01 a.auto-height {
float:left;
display:block;
width:272px;
border:#1d365e 1px solid;
padding:20px;
background: url(../../charm/images/int00.gif) #fff no-repeat right bottom;
text-decoration:none;
}
#int .intbox01 a.auto-height:hover {
background: url(../../charm/images/int00.gif) #efefef no-repeat right bottom;
}
#int .rm20 {
margin-right:20px;
_margin-right:10px;

}

#int .intbox_line {
width:982px;
padding-top:20px;
}
#int .intimg {
	
}
#int .intsubtit {
	padding-top:15px;
	color:#000000;
	font-size:14px;
	display:block;
	
}
#int .inttit {
	padding-top:5px;
	color:#1d365e;
	font-size:20px;
	line-height:1.4em;
	display:block;	
}
#int .inttxt {
	padding-top:5px;
	font-size:12px;
	color:#646464;
	display:block;
	
}


#int .intbox02bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;

}

#int .intbox02bg .intbox02 {
width:982px;
margin:0 auto;
overflow:hidden;
position:relative;
padding:30px 0;
background: url(/newimg/k.gif) no-repeat center bottom;

}

#int .intbox02bg .intbox02 ul {
	padding:10px 0 0 0 ;
	
}
#int .intbox02bg .intbox02 li {
	padding:10px 0 0 0 ;
	
}
#int .intbox02bg .intbox02 dl {
	overflow: hidden;
	zoom: 1;
}
#int .intbox02bg .intbox02 dl dt {
	width: 50px;
	float: left;
	clear: both;
	font-weight: bold;
}
#int .intbox02bg .intbox02 dl dd a{
	text-decoration:none;
}
#int .intbox02bg .intbox02 dl dd {
	padding: 0 0 5px 60px;
	color:#666;
}


#int .intList {
	background:#fff;
}
#int .intList-in {
	margin-left:20px;
}
#int .intList ul {
	width:1002px;
	margin:0 auto;
	padding:20px 0;
}
#int .intList ul li {
	width:334px;
	float:left;
	padding-bottom:20px;
}

#int .intList ul:before,
#int .intList ul:after {
    content:"";
    display:table;
}
#int .intList ul:after {
    clear:both;
}
#int .intList ul {
    zoom:1;
}
#int .intList ul li a {
	display:block;
	padding:20px;
	margin-right:20px;
	_margin-right:10px;
	overflow:hidden;
	height:33em;	/* カラムの高さ */
	text-decoration:none;
	border:1px solid #1d365e;
	background: #fff url(../../charm/images/int00.gif) no-repeat right bottom;
}
#int .intList ul li a:hover {
	background: #efefef url(../../charm/images/int00.gif) no-repeat right bottom;
}


/* ======= success ======= */

#success .successbox{
clear:both;
margin-top:10px auto 0 auto;
background:#FFF;
position:relative;
padding-bottom:30px;
}
#success .successbox_innner {
clear:both;
width:982px;
margin:0 auto;
background:#FFF;
position:relative;
}

#success .successbox01bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
clear:both;
	
}
#success .successbox01 {
background:#FFF;
clear:both;
width:982px;
padding:30px 0;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
	
}
#success .successbox01 a.auto-height {
float:left;
display:block;
width:190px;
padding:20px;
text-decoration:none;
background-color:#FFFFFF;
}
#success .successbox_line {
width:980px;
padding:20px 1px 0px 1px;
}

#success .successbox01 a.lv1 {
background: url(../../charm/images/successlv01.gif) #fff no-repeat right bottom;
}

#success .successbox01 a.lv2 {
background: url(../../charm/images/successlv02.gif) #fff no-repeat right bottom;
}

#success .successbox01 a.lv3 {
background: url(../../charm/images/successlv03.gif) #fff no-repeat right bottom;
}
#success .successbox01 a.lv1:hover {
background: url(../../charm/images/successlv01.gif) #efefef no-repeat right bottom;
}
#success .successbox01 a.lv2:hover {
background: url(../../charm/images/successlv02.gif) #efefef no-repeat right bottom;
}
#success .successbox01 a.lv3:hover {
background: url(../../charm/images/successlv03.gif) #efefef no-repeat right bottom;
}
#success .rm20 {
margin-right:20px;
_margin-right:10px;

}

#success .successimg {
	
}
#success .successtit {
	padding-top:15px;
	font-size:20px;
	display:block;	
}
#success .successbox01 a.lv1 .successtit {
	color:#09385d;
}
#success .successbox01 a.lv2 .successtit {
	color:#385d14;
}
#success .successbox01 a.lv3 .successtit {
	color:#850702;
}
#success .successtxt {
	padding-top:5px;
	font-size:12px;
	color:#646464;
	display:block;
}

#success .successbox01nav {
	clear:both;
	height:33px;
	padding-bottom:20px;
	
}
#success .successbox01nav a:hover img {
	opacity:0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#success .successbt01,
#success .successbt02,
#success .successbt03{
	height:33px;
	width:136px;
	float:left;
	padding-right:10px;
}

#success .successbt04{
	height:33px;
	width:224px;
	float:right;
}


#success .successbox02bg {
clear:both;
background: url(/newimg/k.gif) #FFF no-repeat center bottom;
z-index:-99;
padding-top:30px;
	
}
#success .successbox02 {
background:#FFF;
clear:both;
width:982px;
margin:0 auto;
	
}

/* ======= career ======= */

#career .careerbox{
clear:both;
height:380px;
overflow:hidden;
position:relative;
/* background: url(../../charm/images/careerimg00.gif) #FFF repeat-x center bottom; */
background:#FFF;
}
#career .careerbox .careerinner{
height:380px;
width:982px;
position:relative;
background: url(../../charm/images/careerimg01.gif) no-repeat 0 70px;;
margin:0 auto;
}
#career .careerbox .careerinner p{
width:320px;
height:34px;
position:absolute;
left:120px;
top:190px;
overflow:hidden;
}

#career .careerbox01bg {
clear:both;
background:#FFF;
	
}
#career .careerbox01 {
background:#FFF;
clear:both;
width:982px;
padding-top:30px;
margin:0 auto;
	
}
#career .careerbox_linebg01 {
	background: url(../../charm/images/careerline01.gif) repeat-y left top;
margin-bottom:30px;
	
}

#career .careerbox_linebg02 {
	background: url(../../charm/images/careerline02.gif) repeat-y left top;
	margin-bottom:30px;

}

#career .careerbox_linebg03 {
	background: url(../../charm/images/careerline03.gif) repeat-y left top;

}

#career .careerbox_line {
width:982px;
clear:both;
}
.careerbox_line01 {
	background: url(../../charm/images/careerimg03.gif) no-repeat left bottom;
	
}
.careerbox_line02 {
	background: url(../../charm/images/careerimg05.gif) no-repeat left bottom;
	
}
.careerbox_line03 {
	background: url(../../charm/images/careerimg07.gif) no-repeat left bottom;
	
}
#career .careerbox_linel {
	width:328px;
	float:left;
	min-height:330px;

}
#career .careerbox_liner {
	width:644px;
	float:right;
}
#career .rm10 {
	margin-right:10px;
	_margin-right:5px;
}
#career .careerbox_liner p {
	margin-bottom:10px;
	clear:both;
	
}
#career .careerbox_liner p.last{
	margin-bottom:0;
	clear:both;
	
}

#career .careerimg {
	
}
#career .careertxt {
	padding-top:5px;
	font-size:12px;
	line-height:16px;
	color:#333333;
	display:block;
	height:32px;
overflow:hidden;
	
}
#career .careerbox02bg {
clear:both;
background: #FFF;
height:137px;
text-align:center;
padding-top:40px;
padding-bottom:30px;
}

/* 追加　2013/02/12 */
#career .careerbox_new{
	width:1008px;
}
#career .careerbox_new .boxs{
	width:336px;
	float:left;
}
#career .careerbox_new .boxs .boxs-in{
	margin-right:26px;
	border:1px solid #ccc;
	border-top:none;
}
#career .careerbox_new .boxs ul {
	padding:20px;
}
#career .careerbox_new .boxs ul li{
	border-bottom:1px dotted #ccc;
	height:160px;
}
#career .careerbox_new .boxs ul li a{
	display:block;
	background:#fff;
	height:100%;
	color:#000;
	text-decoration:none;
}
#career .careerbox_new .boxs ul li a:hover{
	background:#efefef;
}
#career .careerbox_new .boxs ul li a img{
	display:block;
	margin:0 auto 7px auto;
	padding-top:10px;
}
#career .careerbox_new .boxs ul li a span{
	display:block;
	margin:5px 20px;
}
#career .careerbox_new .boxs p.boxcolor1{
	background: #5892c4 url(../../charm/images/careerimg05.gif) no-repeat left bottom;
	height:310px;
	margin-right:26px;
}
#career .careerbox_new .boxs p.boxcolor2{
	background: #14385f url(../../charm/images/careerimg03.gif) no-repeat left bottom;
	height:310px;
	margin-right:26px;
}
#career .careerbox_new .boxs p.boxcolor3{
	background: #e26a2b url(../../charm/images/careerimg07.gif) no-repeat left bottom;
	height:310px;
	margin-right:26px;
}

/* /追加　2013/02/12 */


/* ======= exam ======= */

#exam .exambg{
clear:both;
background:#FFF;
}
#exam .exambox {
width:982px;
position:relative;
background: url(/newimg/k.gif) no-repeat center bottom;
margin:0 auto;
}
#exam .exambox .examinner img.up{
	z-index:99;
	position:absolute;
	top:0;
}


#exam .gbox{
clear:both;
padding:29px 0 0 0;
height:347px;
background: url(../../charm/images/toptabbg.gif) #fff repeat-x 0 0;
overflow:hidden;
}


#exam .exambox .exam_bt{
	clear:both;
	width:982px;
	height:91px;
	overflow:hidden;
padding:30px 0;
	margin:0 auto;
}
#exam .exambox .exam_bt p.exam_1 {
	height:91px;
	width:245px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../examination/images/exam00.gif) no-repeat 0 0;}

#exam .exambox .exam_bt p.exam_2 {
	height:91px;
	width:246px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam00.gif) no-repeat -245px 0;}

#exam .exambox .exam_bt p.exam_3 {
	height:91px;
	width:246px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam00.gif) no-repeat -491px 0;}

#exam .exambox .exam_bt p.exam_4 {
	height:91px;
	width:245px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam00.gif) no-repeat -737px 0;}

#exam .exambox .exam_bt p.exam_2 a,
#exam .exambox .exam_bt p.exam_3 a{
	height:91px;
	width:246px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}
#exam .exambox .exam_bt p.exam_1 a,
#exam .exambox .exam_bt p.exam_4 a{
	height:91px;
	width:245px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}
#exam .exambox .exam_bt p.exam_1 a:hover {background: url(../../examination/images/exam00.gif) no-repeat 0 -91px;}
#exam .exambox .exam_bt p.exam_2 a:hover {background: url(../../examination/images/exam00.gif) no-repeat -245px -91px;}
#exam .exambox .exam_bt p.exam_3 a:hover {background: url(../../examination/images/exam00.gif) no-repeat -491px -91px;}
#exam .exambox .exam_bt p.exam_4 a:hover {background: url(../../examination/images/exam00.gif) no-repeat -737px -91px;}


#exam .exambox02bg {
clear:both;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
height:373px;
}
#exam .exambox02 {
clear:both;
background: url(/newimg/k.gif) no-repeat center bottom;
width:982px;
padding-bottom:30px;
margin:0 auto;
height:373px;	
}
#exam .exambox02box {
	height:192px;
	
}
#exam .exambox02l{
	float:left;
	width:300px;
	height:192px;
	
}
#exam .exambox02r{
	float:right;
	width:657px;
	height:192px;
	background: url(../../examination/images/exambg01.gif) no-repeat 0 0;
	position:relative;
	}
#exam .exambox02bt1 {
	position:absolute;
	width: 278px;
	height:49px;
	top:124px;
	left:27px;
}
#exam .exambox02bt2 {
	position:absolute;
	width: 278px;
	height:49px;
	top:124px;
	left:355px;
}

#exam .exambox03bg {
clear:both;
background: url(/newimg/k.gif) #FFF no-repeat center bottom;
}
#exam .exambox03 {
background:#FFF;
clear:both;
width:982px;
padding-bottom:30px;
margin:0 auto;
}

#exam .exambox03 .exam_bt{
	clear:both;
	width:982px;
	height:153px;
	overflow:hidden;
	margin:0 auto;
}
#exam .exambox03 .exam_bt p.exam_1 {
	height:153px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../examination/images/exam11.gif) no-repeat 0 0;}

#exam .exambox03 .exam_bt p.exam_2 {
	height:153px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam11.gif) no-repeat -327px 0;}

#exam .exambox03 .exam_bt p.exam_3 {
	height:153px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam11.gif) no-repeat -655px 0;}

#exam .exambox03 .exam_bt p.exam_1 a,
#exam .exambox03 .exam_bt p.exam_3 a{
	height:153px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}
#exam .exambox03 .exam_bt p.exam_2 a{
	height:153px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-decoration:none;
}
#exam .exambox03 .exam_bt p.exam_1 a:hover {background: url(../../examination/images/exam11.gif) no-repeat 0 -153px;}
#exam .exambox03 .exam_bt p.exam_2 a:hover {background: url(../../examination/images/exam11.gif) no-repeat -327px -153px;}
#exam .exambox03 .exam_bt p.exam_3 a:hover {background: url(../../examination/images/exam11.gif) no-repeat -655px -153px;}
#exam .exambox03 .exam_bt p a span.exam_txt {
	display:block;
	position: absolute;
	top:77px;
	left:25px;
	text-decoration:none;
	color:#666;
	font-size:12px;
	
}


#exam .exambox04bg {
clear:both;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}
#exam .exambox04 {
clear:both;
background: url(/newimg/k.gif) no-repeat center bottom;
width:982px;
padding-bottom:30px;
margin:0 auto;
}
#exam .exambox04 .exam_bt{
	clear:both;
	width:982px;
	height:153px;
	overflow:hidden;
	margin:0 auto;
}
#exam .exambox04 .exam_bt p.exam_1 {
	height: 153px;
	width: 327px;
	float: left;
	overflow: hidden;
	position: relative;
	background: url(../../examination/images/exam12.gif) no-repeat 0 0;
	background-image: url(../../examination/images/exam12.gif);
}

#exam .exambox04 .exam_bt p.exam_2 {
	height:153px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam12.gif) no-repeat -327px 0;}

#exam .exambox04 .exam_bt p.exam_3 {
	height:153px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam12.gif) no-repeat -655px 0;}

#exam .exambox04 .exam_bt p.exam_1 a{
	height:153px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}
#exam .exambox04 .exam_bt p.exam_2 a{
	height:153px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}
#exam .exambox04 .exam_bt p.exam_1 a:hover {background: url(../../examination/images/exam12.gif) no-repeat 0 -153px;}
#exam .exambox04 .exam_bt p.exam_2 a:hover {background: url(../../examination/images/exam12.gif) no-repeat -327px -153px;}
/*
#exam .exambox04 .exam_bt p.exam_3 a:hover {background: url(../../examination/images/exam12.gif) no-repeat -655px -153px;}
*/

#exam .exambox05bg {
clear:both;
background: url(/newimg/k.gif) #FFF no-repeat center bottom;
}
#exam .exambox05 {
background:#FFF;
clear:both;
width:982px;
padding-bottom:30px;
margin:0 auto;
}
#exam .exambox05 .intext {
	text-align:center;
	padding-bottom:30px;
	
}
.exam_tit {
	padding:30px 0 15px 0;
	
}
#exam .linkbox{
	height:212px;
	
}
#exam .linkbox_1,
#exam .linkbox_2,
#exam .linkbox_3 {
	clear:both;
	width:982px;
	
}


#exam .linkbox_1{
	clear:both;
	width:982px;
	height:151px;
	
}
#exam .linkbox_2{
	clear:both;
	width:982px;
	height:61px;
	
}
#exam .linkbox p.link_1 {
	height:151px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../examination/images/exam10.gif) no-repeat 0 0;}
	
#exam .linkbox p.link_2 {
	height:151px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam10.gif) no-repeat -327px 0;}
#exam .linkbox p.link_3 {
	height:151px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam10.gif) no-repeat -655px 0;}
#exam .linkbox p.link_4 {
	clear:both;
	height:61px;
	width:982px;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/exam10.gif) no-repeat 0 -151px;}


#exam .linkbox p.link_1 a,
#exam .linkbox p.link_3 a{
	height:151px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#exam .linkbox p.link_2 a{
	height:151px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}


#exam .linkbox p.link_4 a{
	height:62px;
	width:982px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#exam .linkbox p.link_1 a:hover {background: url(../../examination/images/exam10.gif) no-repeat 0 -212px;}
#exam .linkbox p.link_2 a:hover {background: url(../../examination/images/exam10.gif) no-repeat -327px -212px;}
#exam .linkbox p.link_3 a:hover {background: url(../../examination/images/exam10.gif) no-repeat -655px -212px;}
#exam .linkbox p.link_4 a:hover {background: url(../../examination/images/exam10.gif) no-repeat 0 -363px;}


/* ======= flow ======= */

#flow .flowbg{
clear:both;
height:405px;
background:#FFF;
	z-index: 9999;
}
#flow .flowbox {
height:405px;
width:982px;
margin:0 auto;
position:relative;
}
#flow .flowbox01bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
clear:both;
}
#flow .flowbox01 {
clear:both;
width:982px;
padding:0 0 30px 0;
margin:0 auto;
}
#flow p.intext {
	text-align:center;
	padding:30px 0;
	
}
.flowbox01box {
	width:620px;
	height:80px;
margin:0 auto;
}
.flowbox01box1 {
	float:left;
	width:300px;
	
}
.flowbox01box2 {
	float:right;
	width:300px;
	
}

#flow .flowbox02bg {
background:#FFF;
clear:both;
}
#flow .flowbox02 {
background:#FFF;
clear:both;
width:982px;
margin:0 auto;
}
#flow .flowbox02bt {
margin:0 auto;
	width:300px;
	height:40px;


}
#flow .flowbox03bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
clear:both;
}
#flow .flowbox03 {
clear:both;
width:982px;
padding:0 0 30px 0;
margin:0 auto;
	font-size:12px;
	line-height:20px;
}


#flow .flowbox03box {
width:780px;
padding:10px 0;
margin:0 auto;
background:url(../../examination/images/flow_tate.png) repeat-y center top;
}
#flow .flowbox03boxl {
	float:left;
	width:320px;
}
#flow .flowbox03boxr {
	float:right;
	width:320px;
}
#flow .flowbox03 p {
	text-align:center;
}
#flow .flowbox03 p.intext2 {
	text-align:center;
	padding:10px 0;
	font-size:12px;
	line-height:20px;
	
}
#flow .flowbox03 p.intext5 {
	text-align:center;
	padding:20px 0 10px 0;
	font-size:12px;
	line-height:20px;
	
}
#flow .flowbox03 p.intext3 {
	padding-top:20px;
	text-align:center;
	font-size:16px;
	line-height:26px;
}
#flow .flowbox03 p.intext3 span {
	color:#6390c2;
}
#flow .flowbox03 p.line {
	padding-top:20px;
	line-height:1px;
	
}
#flow .flowbox04bg {
background:#FFF;
clear:both;
}
#flow .flowbox04 {
background:#FFF;
clear:both;
width:982px;
margin:0 auto;
}

#flow .flowbox05bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
clear:both;
}
#flow .flowbox05 {
clear:both;
width:982px;
padding:0 0 30px 0;
margin:0 auto;
}
#flow .flowbox05 p.intext6 {
	text-align:center;
	font-size:14px;
	line-height:24px;
	padding:0;
}
#flow .flowbox05 p.intext7 {
	text-align:center;
	padding:20px 0 0 0;
	font-size:12px;
	line-height:20px;
	text-align:center;
	
}
	
.color_o {
	color:#d96a35;
	}
.color_r {
	color:#ba0000;
	}
.color_n {
	color:#23345d;
	}
.color_b {
	color:#6390c2;
	}



/* ======= attention ======= */

#attention .attentionbg{
clear:both;
height:208px;
background:#FFF;;
z-index:999;
}
#attention .attentionbox {
height:208px;
width:982px;
position:relative;
background: url(/newimg/k.gif) no-repeat center bottom;
margin:0 auto;
}


#attention .attentionbox .attention_bt{
	clear:both;
	width:982px;
	height:78px;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0;
z-index:-1;
}
#attention .attentionbox .attention_bt p.attention_1 {
	height:78px;
	width:327px;
	float:left;
	overflow:hidden;
	position: relative;
	background: url(../../examination/images/attention01.gif) no-repeat 0 0;}

#attention .attentionbox .attention_bt p.attention_2 {
	height:78px;
	width:328px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/attention01.gif) no-repeat -327px 0;}

#attention .attentionbox .attention_bt p.attention_3 {
	height:78px;
	width:327px;
	float:left;
	overflow:hidden;
	position:relative;
	background: url(../../examination/images/attention01.gif) no-repeat -655px 0;}

#attention .attentionbox .attention_bt p.attention_2 a{
	height:78px;
	width:328px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}
#attention .attentionbox .attention_bt p.attention_1 a,
#attention .attentionbox .attention_bt p.attention_3 a{
	height:78px;
	width:327px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}
#attention .attentionbox .attention_bt p.attention_1 a.ac,
#attention .attentionbox .attention_bt p.attention_1 a:hover {background: url(../../examination/images/attention01.gif) no-repeat 0 -78px;}
#attention .attentionbox .attention_bt p.attention_2 a.ac, 
#attention .attentionbox .attention_bt p.attention_2 a:hover {background: url(../../examination/images/attention01.gif) no-repeat -327px -78px;}
#attention .attentionbox .attention_bt p.attention_3 a.ac,
#attention .attentionbox .attention_bt p.attention_3 a:hover {background: url(../../examination/images/attention01.gif) no-repeat -655px -78px;}


#attention .attentionbox02bg {
clear:both;
background:#fff;
}
#attention .attentionbox02 {
clear:both;
background: url(/newimg/k.gif) no-repeat center bottom;
width:982px;
padding-bottom:30px;
margin:0 auto;
}
#attention .attentionbox02 p{
	text-align:center;

}
#attention .attentionbox03bg {
clear:both;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}
#attention .attentionbox03 {
clear:both;
background: url(/newimg/k.gif) no-repeat center top;

width:982px;
padding:30px 0 25px 0;
margin:0 auto;
}
#attention .attentionbox03 p{
	padding:0 0 5px 0;
	text-align:center;
}

#attention .attentionbox04bg {
clear:both;
background:#fff;
}
#attention .attentionbox04 {
clear:both;
background: url(/newimg/k.gif) no-repeat center bottom;
width:982px;
padding-bottom:30px;
margin:0 auto;
}
#attention .attentionbox04 p {
	text-align:center;
	
}
#attention .attentionbox04 p.line {
	padding:20px ;
	
}
#attention .attentiontit {
	padding-bottom:30px;
	
}
#attention .attentionbox04 strong {
	font-size:14px;
	padding-bottom:10px;
	display:block;
}



#attention .attentionbox05bg {
clear:both;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}
#attention .attentionbox05 {
clear:both;

width:982px;
padding:0 0 25px 0;
margin:0 auto;
}


#attention .attentionbox05 p{
	padding:0 0 5px 0;
	text-align:center;

}
#attention .attentionbox05 p.intext{
	padding:20px 0 5px 0;
	text-align:center;

}
#attention .attentionbox06bg {
clear:both;
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}
#attention .attentionbox06 {
clear:both;
background: url(/newimg/k.gif) no-repeat center bottom;
width:982px;
padding-bottom:30px;
margin:0 auto;
}
#attention .attentionbox06 p {
	text-align:center;
	
}
#attention .attentionbox06 p.line {
	padding:20px ;
	
}
#attention .attentionbox06 strong {
	font-size:14px;
	padding-bottom:10px;
	display:block;
}



#attention .attentionbox07bg {
clear:both;
background:#fff;
}
#attention .attentionbox07 {
clear:both;
background: url(/newimg/k.gif) no-repeat center top;
width:982px;
padding-bottom:30px;
margin:0 auto;
}

#attention .attentionbox07 p {
	text-align:center;
	
}
#attention .attentionbox07 p.line {
	padding:20px ;
	
}
#attention .attentionbox07 strong {
	font-size:14px;
	padding-bottom:10px;
	display:block;
}

#attention .attention_matrix {
	width:916px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px;

	
}
#attention .attention_matrix table td,
#attention .attention_matrix table th{
	padding:5px;
	font-size:16px;
	text-align:center;
}

#attention .attention_matrix table td.dotline {
	height:1px;
	padding:0px;

}
#attention .attention_matrix table th.first {
	background:#23345d;
	border-right:#FFFFFF solid 2px;
	color:#FFF;
}
#attention .attention_matrix table th.second {
	background:#6390c2;
	border-right:#FFFFFF solid 2px;
	color:#FFF;
	
}
#attention .attention_matrix table th.third {
	background:#646464;
	color:#FFF;
}
#attention .attention_matrix table td.first {
	color:#23345d;
}
#attention .attention_matrix table td.second {
	color:#6390c2;
}
#attention .attention_matrix table td.third {
	color:#646464;
}


/* ======= level ======= */

#level .levelbg{
clear:both;
background:#FFF;;
z-index:999;
}
#level .levelbox {
width:982px;
position:relative;
background: url(../../about_lpi/images/flowdot01.gif) repeat-x center bottom;
margin:0 auto;
}
#level .levelbox p.mainimage{
	text-align:center;
}
.level01 {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	
}
#level ul.levelnav {
	height:65px;
	display:block;
	width:450px;
	padding:0 0 0 10px;
	margin:0 auto;
}
#level .levelnav li {
	float:left;
	list-style:none;
	height:65px;
	width:65px;
	margin-right:10px;
	_margin-right:5px;
	position: relative;
}
#level .levelnav li a span{
	display:none;

}

#level .levelnav li.nav01 {
	background: url(../../examination/images/level.gif) no-repeat 0 0;}
#level .levelnav li.nav02 {
	background: url(../../examination/images/level.gif) no-repeat -65px 0;}
#level .levelnav li.nav03 {
	background: url(../../examination/images/level.gif) no-repeat -130px 0;}
#level .levelnav li.nav04 {
	background: url(../../examination/images/level.gif) no-repeat -195px 0;}
#level .levelnav li.nav05 {
	background: url(../../examination/images/level.gif) no-repeat -260px 0;}
#level .levelnav li.nav06 {
	background: url(../../examination/images/level.gif) no-repeat -325px 0;}
	
#level .levelnav li a{
	height:65px;
	width:65px;
	display:block;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#level .levelnav li.nav01 a:hover, 
#level .levelnav li.nav01 a.itac{background: url(../../examination/images/level.gif) no-repeat 0 -65px;}

#level .levelnav li.nav02 a:hover, 
#level .levelnav li.nav02 a.itac{background: url(../../examination/images/level.gif) no-repeat -65px -65px;}

#level .levelnav li.nav03 a:hover, 
#level .levelnav li.nav03 a.itac{background: url(../../examination/images/level.gif) no-repeat -130px -65px;}

#level .levelnav li.nav04 a:hover, 
#level .levelnav li.nav04 a.itac{background: url(../../examination/images/level.gif) no-repeat -195px -65px;}

#level .levelnav li.nav05 a:hover, 
#level .levelnav li.nav05 a.itac{background: url(../../examination/images/level.gif) no-repeat -260px -65px;}

#level .levelnav li.nav06 a:hover, 
#level .levelnav li.nav06 a.itac{background: url(../../examination/images/level.gif) no-repeat -325px -65px;}

#level .level_h3{
	clear:both;
	border-left:2px solid #000;
	padding:0 10px;
	font-size:20px;
	line-height:20px;
	margin:30px 0 20px 0;
}
#level .levelbox01 {
	
}
#level .levelbox01l {
	float:left;
	width:690px;
	
}
#level .levelbox01r {
	float:right;
	width:208px;
	
}
#level .levelbox01 th {
	padding:5px 10px;
	background:#ccc;
	font-size:16px;
}
#level .levelbox01 th.first {
	width:172px;
	border-right:#fff solid 3px;
}
#level .levelbox01 th.second {
	width:250px;
	border-left:#fff solid 3px;
	border-right:#fff solid 3px;
}
#level .levelbox01 th.third {
	width:194px;
	border-left:#fff solid 3px;
}
#level .levelbox01 td {
	padding:10px;
	font-size:14px;
	
}
#level .levelbox01 td.first {
	background: url(../../examination/images/level_k01.gif) no-repeat left bottom;
}
#level .levelbox01 td.second {
	background: url(../../examination/images/level_k02.gif) no-repeat center bottom;
}
#level .levelbox01 td.third {
	background: url(../../examination/images/level_k03.gif) no-repeat right bottom;
}
#level .levelbox01 td.dotliney{
	background:url(../../examination/images/flow_tate.png) repeat-y center top;
	width:1px;
	padding:0;
	
}
#level .levelbox02 td {
	padding:10px;
	font-size:14px;
	
}
#level .levelbox02 td.first {
	width:172px;
	border-right:#fff solid 3px;
	background: url(../../examination/images/level_k04.gif) no-repeat left bottom;
}
#level .levelbox02 td.second {
	width:763px;
	border-left:#fff solid 3px;
	background: url(../../examination/images/level_k05.gif) no-repeat left bottom;
}
#level .levelbox02 td.firstn {
	width:172px;
	border-right:#fff solid 3px;
}
#level .levelbox02 td.secondn {
	width:763px;
	border-left:#fff solid 3px;
}
#level .levelbox02 td.dotliney{
	background:url(../../examination/images/flow_tate.png) repeat-y center top;
	width:1px;
	padding:0;
	
}
#level .levelbox03{
	margin-top:30px;
	background:#ededed;
	padding:10px;
	
}
#level .levelbox04{
	background:#ccc;
	padding:10px;
	
}
#level .levelbox05l {
	float:left;
	width:486px;
	
}
#level .levelbox05r {
	float:right;
	width:486px;
}
#level .levelbox05 h4{
	color:#FFFFFF;
	font-size:16px;
	background:#000000;
	clear:both;
	padding:10px;
	margin-bottom:20px;
}

#level .levelbox05 p {
	padding:0 10px;
}
#level .levelbox05l p.level01img {
	background: url(../../examination/images/level01_03.gif) no-repeat 0 10px;
	height:155px;
	padding-left:170px;
	padding-top:10px;
}
	
#level .levelbox05r p.level01img {
	background: url(../../examination/images/level01_04.gif) no-repeat 0 10px;
	height:155px;
	padding-left:215px;
	padding-top:10px;
}

#level .levelbox05l p.level02img {
	background: url(../../examination/images/level02_03.gif) no-repeat 0 10px;
	height:155px;
	padding-left:170px;
	padding-top:10px;
}
	
#level .levelbox05r p.level02img {
	background: url(../../examination/images/level02_04.gif) no-repeat 0 10px;
	height:155px;
	padding-left:215px;
	padding-top:10px;
}

#level .levelbox05l p.level301img {
	background: url(../../examination/images/level301_03.gif) no-repeat 0 10px;
	height:155px;
	padding-left:170px;
	padding-top:10px;
}
	
#level .levelbox05r p.level301img {
	background: url(../../examination/images/level301_04.gif) no-repeat 0 10px;
	height:155px;
	padding-left:215px;
	padding-top:10px;
}

#level .levelbox05l p.level302img {
	background: url(../../examination/images/level302_03.gif) no-repeat 0 10px;
	height:155px;
	padding-left:170px;
	padding-top:10px;
}
	
#level .levelbox05r p.level302img {
	background: url(../../examination/images/level302_04.gif) no-repeat 0 10px;
	height:155px;
	padding-left:215px;
	padding-top:10px;
}

#level .levelbox05l p.level303img {
	background: url(../../examination/images/level303_03.gif) no-repeat 0 10px;
	height:155px;
	padding-left:170px;
	padding-top:10px;
}
	
#level .levelbox05r p.level303img {
	background: url(../../examination/images/level303_04.gif) no-repeat 0 10px;
	height:155px;
	padding-left:215px;
	padding-top:10px;
}

#level .levelbox05l p.level304img {
	background: url(../../examination/images/level304_03.gif) no-repeat 0 10px;
	height:155px;
	padding-left:170px;
	padding-top:10px;
}
	
#level .levelbox05r p.level304img {
	background: url(../../examination/images/level304_04.gif) no-repeat 0 10px;
	height:155px;
	padding-left:215px;
	padding-top:10px;
}

#level p.bluebox {
	margin:5px 10px 0 10px;
	background:#6390c2;
	padding:10px;
	color:#FFFFFF;
	
}



/* ======= study ======= */

#study .studybox{
clear:both;
height:362px;
background:#FFF;
overflow:hidden;
position:relative;
}
#study .studybox .studyinner{
height:362px;
width:982px;
background: url(/newimg/k.gif) no-repeat center bottom;
position:relative;
margin:0 auto;
}
#study .studybox .studyinner img.up{
	z-index:99;
	position:absolute;
	top:70px;
}

#study .studybox01bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;

}

#study .studybox01 {
width:982px;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
padding:0 0 30px 0;
	
}
#study .studybox01 .studydot {
background: url(../../learning/images/studydot01.gif) repeat-y center top;
	
}
#study .studybox01 .studydotline{
	clear:both;

}
#study .studybox01 .studydotl {
	float:left;
	padding: 20px 28px;
	width:434px;
}

#study .studybox01 .studydotr {
	float: right;
	padding:20px 28px ;
	width:434px;
}
#study .studybox01 h3{
	font-size:24px;
	line-height:34px;
	width:982px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
}

#study .studybox02bg {
background:#FFF;

}

#study .studybox02 {
width:982px;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
padding:0 0 30px 0;
	
}
#study .studybox02 .studydot {
background: url(../../learning/images/studydot01.gif) repeat-y center top;
	
}

#study .studybox02 .studydotl {
	float:left;
	padding: 20px 28px;
	width:434px;
}
#study .studybox02 .studydotl p,
#study .studybox02 .studydotr p
{
	padding: 15px 0 0 0;
	text-align:center;
}

#study .studybox02 .studydotr {
	float: right;
	padding:20px 28px ;
	width:434px;
}
#study .studybox02 h3{
	font-size:24px;
	line-height:34px;
	width:982px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
}


#study .studybox03bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;

}

#study .studybox03 {
width:982px;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
padding:0 0 30px 0;
	
}
#study .studybox03 .studydotl p,
#study .studybox03 .studydotr p
{
	padding: 15px 0 0 0;
	text-align:center;
}
#study .studybox03 .studydot {
background: url(../../learning/images/studydot01.gif) repeat-y center top;
	
}

#study .studybox03 .studydotl {
	float:left;
	padding:0 28px 20px 28px;
	width:434px;
}

#study .studybox03 .studydotr {
	float: right;
	padding:0 28px 20px 28px ;
	width:434px;
}
#study .studybox03 h3{
	font-size:24px;
	line-height:34px;
	width:982px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
}


/* ======= learning ======= */

#learning .learningbox{
clear:both;
height:362px;
background:#FFF;
overflow:hidden;
position:relative;
}
#learning .learningbox .learninginner {
width:982px;
height:362px;
background: url(../../learning/images/learning01.jpg) no-repeat center bottom;
position:relative;
margin:0 auto;
}
#learning .learningnav{
	width:540px;
	height:34px;
}

#learning .learningbox .learninginner .learningnav{
	padding:218px 0 0 40px;
	
}
#learning .learningnav ul{
	padding:0;
	margin:0;
	height:34px;
	width:540px;	
}
#learning .learningnav li{
	list-style:none;
	float:left;	
}
#learning .learningnav li.learningnav1{
	width:160px;
	height:34px;
}
#learning .learningnav li.learningnav2{
	width:160px;
	height:34px;
}
#learning .learningnav li.learningnav3{
	width:215px;
	height:34px;
}
#learning .learningbox01bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;

}

#learning .learningbox01 {
width:982px;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
padding:0 0 30px 0;
	
}
#learning .learningbox01 .learningdot {
background: url(../../learning/images/studydot01.gif) repeat-y center top;
	
}

#learning .learningbox01 .learningdotl {
	float:left;
	padding: 20px 28px;
	width:434px;
}

#learning .learningbox01 .learningdotr {
	float: right;
	padding:20px 28px ;
	width:434px;
}
#learning .learningbox01 h3{
	font-size:24px;
	line-height:34px;
	width:982px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
}
#learning .learningbox02bg {
background:#fff;

}

#learning .learningbox02 {
width:982px;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
padding:0 0 30px 0;
	
}
#learning .learningbox02 .learningdot {
background: url(../../learning/images/studydot01.gif) repeat-y center top;
	
}

#learning .learningbox02 .learningdotl {
	float:left;
	padding: 20px 28px;
	width:434px;
}

#learning .learningbox02 .learningdotr {
	float: right;
	padding:20px 28px ;
	width:434px;
}
#learning .learningbox02 h3{
	font-size:24px;
	line-height:34px;
	width:982px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
}
#learning .learningmark {
	text-align:center;
	padding-bottom:20px;
	
}
#learning .learningdotr2,
#learning .learningdotl2{
	clear:both;
	padding: 20px 28px;
	
}
#learning .learningdotr2{
	background:url(../../learning/images/studydot02.gif) repeat-x center top;
	
}
#learning .learningdotr2 h5,
#learning .learningdotl2 h5,
#learning .learningdotr h5,
#learning .learningdotl h5 {
	font-size:18px;
	line-height:26px;
	padding-bottom:10px;
	
}
#learning .learning_img {
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}
#learning h4{
	color:#6390c2;
	padding-bottom:20px;
	padding-top:10px;
	
}
#learning h5#learning_icon01 {
padding-left:50px;
background: url(../../learning/images/learning_icon01.gif) no-repeat left center;
padding-top:15px;
padding-bottom:15px;	
}
#learning p.learning_icon01 {
	padding-left:50px;
}
#learning h5#learning_icon02 {
padding-left:50px;
background: url(../../learning/images/learning_icon02.gif) no-repeat left center;
padding-top:15px;
padding-bottom:15px;	
}
#learning p.learning_icon02 {
	padding-left:50px;
}
#learning h5#learning_icon03 {
padding-left:50px;
background: url(../../learning/images/learning_icon03.gif) no-repeat left center;
padding-top:15px;
padding-bottom:15px;	
}
#learning p.learning_icon03 {
	padding-left:50px;
	padding-right:10px;
	line-height:12px;
	height:12px;
	font:12px;
	padding-top:3px;
	padding-bottom:3px;
}
#learning p.learning_icon03 a {
	color:#cc6633;
	text-decoration:none;
	line-height:12px;
	height:12px;
	font:12px;
	
}
#learning .learningbox05bg {
background: url(../../about_lpi/images/bg02.jpg) repeat center top;
}

#learning .learningbox05 {
width:982px;
margin:0 auto;
background: url(/newimg/k.gif) no-repeat center bottom;
padding:0 0 30px 0;
	
}
.learningbox05kotsu {
	height:63px;
	text-align:center;
	padding-bottom:30px;
	
}
#learning .learningbox05 .learningdot {
background: url(../../learning/images/studydot01.gif) repeat-y center top;
	
}

#learning .learningbox05 .learningdotl {
	float:left;
	width:475px;
}

#learning .learningbox05 .learningdotr {
	float: right;
	width:475px;
}
#learning .learningbox05 h3{
	font-size:24px;
	line-height:34px;
	width:982px;
	margin:0 auto;
	padding:35px 0 20px 0;
	text-align:center;
}
#learning .learningbox05 p{
	padding-bottom:20px;
	padding-top:20px;
background: url(../../learning/images/studydot02.gif) no-repeat center top;
}
.learningbox05line {
	background:#FFFFFF;
	padding:20px 28px ;
	margin-bottom:30px;
	
}
.learningbox05last {
	background:#FFFFFF;
	padding:20px 28px ;
	
}
#learning h5#learning_icon04 {
padding-left:60px;
background: url(../../learning/images/learning_icon04.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning h5#learning_icon05 {
padding-left:60px;
background: url(../../learning/images/learning_icon05.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning h5#learning_icon06 {
padding-left:60px;
background: url(../../learning/images/learning_icon06.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning h5#learning_icon07 {
padding-left:60px;
background: url(../../learning/images/learning_icon07.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning h5#learning_icon08 {
padding-left:60px;
background: url(../../learning/images/learning_icon08.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning h5#learning_icon09 {
padding-left:60px;
background: url(../../learning/images/learning_icon09.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning h5#learning_icon10 {
padding-left:60px;
background: url(../../learning/images/learning_icon10.gif) no-repeat left center;
padding-top:20px;
padding-bottom:20px;
color:#333366;
}

#learning .learningbox04bg {
background:#fff;

}

#learning .learningbox04 {
width:982px;
margin:0 auto;
padding:0 0 30px 0;
height:34px;
	
}
#learning .learningbox04 .learningnav {
	float:right;
	padding:30px 0 0 0;
	
}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 25px 0 100px 0; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px;}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../../charm/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -60px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 60px; float: left; margin: 0 1px;}
.flex-control-thumbs img {width: 60px; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/* ======= goTop ======= */
.goTopbox{
	clear:both;
	background-color:#FFFFFF;
	height:32px;
	border-bottom:#c8c8c8 1px solid;
	
}
.goTopbox2{
	clear:both;
	background-color:#FFFFFF;
	height:32px;
	border-bottom:#c8c8c8 1px solid;
	padding-top:70px;
	
}
.goTop {
	position:relative;
	width:960px;
	height:32px;
	margin:0 auto;
}
.goTop img{
	position:absolute;
	right:0px;
	bottom:-1px;
	z-index:999;
	
}


/* ======= sponsors ======= */
.sponsors {
	background: #ffffff url(/images/bg_top_sponsors.gif) repeat-x top center; 
  	padding:20px 0 0;
}
.sponsors .inner {
	width:960px;
	margin:0 auto;
}
.sponsors h2 {
	padding:12px 0 10px 8px;
}
.sponsors .sponsorsBnr01 li,
#footer .sponsorsBnr01 li {
	float:left;
	padding:0 6px 6px 0;
}
.sponsors h3 {
	margin:8px 0 6px 8px;
}
.kanren_shikaku {
	margin:5px 0 7px 8px;
}
#footer .kanren_shikaku {
	width:968px;
	margin:15px auto 8px auto;
}
body#whatsnew .kanren_shikaku {
	text-align:left;
}
.sponsors .psponsorsLink01,
#footer .sponsors .psponsorsLink01 {
	padding:0 0 7px 0;
}
.sponsors .kanren_shikakuLink01,
#footer .kanren_shikakuLink01 {
	padding:0 0 9px 0;
	width:952px;
}
#footer .kanren_shikakuLink01 {
	width:968px;
	margin:0 auto;
}
.sponsors .psponsorsLink01 li,
.sponsors .kanren_shikakuLink01 li,
#footer .kanren_shikakuLink01 li {
	float:left;
	padding:0 0 0 7px;
	margin:0 0 0 8px;
	_margin:0 0 0 4px;
	font-size: 11px;
	background:url("/common/images/icn_arrow02.gif") no-repeat scroll 0 0.7em transparent;
}


/* ============================ footer sitemap ============================ */
#footer {
	clear:both;
	background:#f3f3f3;
}
#footer ul.kanren_shikakuLink01 li {
	font-size: 11px;
}
#footer div.footNavi ul.kani_footer li {
	font-size: 11px;
}
#top div.footNavi div.footNavi-inner {
	width: 968px !important;
}
#footer #sitemap {
	padding-bottom: 20px;
}
#footer #sitemap a {
    text-decoration: none;
}
#footer #sitemap a:hover {
    text-decoration: underline;
}
#top_footer{
	clear:both;
	padding:30px 0 0 0;
	background:#FFF;
}
#top_footer #footer{
	background:#FFF;
}
#top div.footNavi {
	background:#FFF !important;
}
#footer #footer_sitemap #sitemap {
    font-size: 11px;
	background: none repeat scroll 0 0;
	width:982px;
	padding:10em auto;
	margin: 0 auto;
}
#footer #footer_sitemap #sitemap .col1,
#footer #footer_sitemap #sitemap .col2,
#footer #footer_sitemap #sitemap .col3 {
	width:232px;
	float:left;
	margin-left:12px;
	_margin-left:6px;
}
#footer #footer_sitemap #sitemap .col4 {
	width:232px;
	_width:222px;
	float:left;
	margin-left:8px;
	_margin-left:4px;
}
#footer #footer_sitemap #sitemap h2 {
    border-left: 3px solid #CC0000;
    border-bottom: 1px solid #666666;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 3px 0;
    padding: 0 0 0 6px;
	font-weight:bold;
	background: none repeat scroll 0 0 transparent;
}

#footer #footer_sitemap #sitemap ul ul {
	margin:0.7em 0 0.7em 0.8em;
}
#footer #footer_sitemap #sitemap ul li {
	list-style:none;
	margin:0.4em 0;
	padding:0.2em 0.4em 0.2em 0.8em;
	line-height:1.2em;
}

#footer #footer_sitemap #sitemap ul li li {
	padding:0.2em 0.4em 0.2em 0.8em;
	font-weight:normal;
	list-style:none;
	background: url("/common/images/icn_arrow02.gif") no-repeat scroll 0 0.4em transparent;
	padding: 0 0 0 8px;
}
#footer #footer_sitemap #sitemap ul li li li {
	padding:0;
	font-weight:normal;
	list-style:none;
	background: url("/common/images/icn_arrow02.gif") no-repeat scroll 0 0.4em transparent;
	padding: 0 0 0 8px;
}
#footer_copyright {
	margin-top:0px;
	border-top: 1px solid #CCC;
	background-color: #F3F3F3;
	padding: 10px 0 20px 0;
	font-size: 12px;
}
#footer_copyright div.footNavi {
    clear: both;
    color: #999999;
    line-height: 1.1;
    margin: 0px auto;
    width: 982px;
	background-color: #F3F3F3 !important;
	border: none !important;
}
#top div.footNavi ul.kani_footer {
	font-size: 11px;
}
#footer #sitemap {
	width:951px;
	_width:942px;
	background:#fff;
}
#footer #footer_sitemap {
	background: #F3F3F3;
	padding: 30px 0 0 0;
}
#footer #sitemap .col1,
#footer #sitemap .col2,
#footer #sitemap .col3 {
	width:228px;
}
#footer #sitemap .col4 {
	width:228px;
	_width:218px;
}
#footer .sponsors div.footNavi {
	background: #FFFFFF;
	margin:0 0px 0px 0px;
	font-size:90%;
}
#footer_copyright div.footNavi p {
	font-size:11px;
	padding: 0 !important;
}
#top div.footNavi p {
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	color:#999999;
	line-height:1.1;
	clear:left;
}
#ossdb_link p,
#html5_link p {
	border:none;
	overflow:hidden;
	width:30px;
	height:248px;
	position:fixed;
	_position:absolute;
	top:34px;
	left:0;
	_right:-160px;
	z-index:9999;
}
#html5_link p {
	height:268px;
	top:296px;
}
#top .sponsors ul.sponsorsBnr01, #footer ul.sponsorsBnr01 {
	padding: 0;
}