@charset "euc-jp";

body{
	margin:0;
	padding:0;
    background: #fff url(/img/bg_body.gif) repeat-x top center;
	font-size:100.01%;	
	font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','£Í£Ó £Ð¥´¥·¥Ã¥¯','MS PGothic',sans-serif;
	color:#333;
	line-height:1.5;
	text-align: center;
}

body#top{
    background: #fff url(/img/bg_body.gif) repeat-x top center;	
}

body#long,body#short{
    background: #fff url(/img/bg_body.gif) repeat-x top center;	
}


#top_bg{
    background:url(/img/body_top_bg.gif) 0 194px repeat-x;width:100%;height:auto;
}

img{
	border:none;
	vertical-align:bottom;
}

ul,ol{
	list-style:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

hr{
	display:none;
}
h1,h2,h3,h4{
	font-weight:normal;
	margin:0;
	padding:0;
}
p{
	margin:0;
	padding:0;
}
div{
	margin:0;
	padding:0;
}

.dispNone{ display:none;}

/* º¸±¦Ãæ±û·¤¨ */
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}
.align-center{
	text-align: center;
}

/* ²èÁüÍÑ */
div.image{
	text-align: center;
	margin:10px 0;
}

div.image-border{
	text-align: center;
	margin:10px 0;
}

div.image-border img{
	border:1px solid #CCCCCC;
}



div#wrapper,div#header,div#globalNav,div#footer{
	width:800px;
}

div#wrapper,div#globalNav,div#footer{
	margin:0 auto;
	text-align: left;
}


#bnr_area{margin:0px; text-align:center; background-color:#ffffff;padding:5px 0;}

div#header #logo p#nifty_logo {padding-top:8px;}


div#header #logo p#nifty_logo a{background:url(/img/niftylogo.gif) no-repeat 0 0;width:76px;height:34px;display:block;}
div#header #logo p#lac_logo{padding:8px 0 0 10px;margin-right:10px;}
div#header #logo p#lac_logo a{background:url(/img/logo_lacoocan.gif) no-repeat 0 0;width:158px;height:35px;display:block;}
div#header h1{font-weight:normal;font-size:80%; display:block;margin:0px auto;padding:20px 0 0 0px;}

div#header #logo p#homepage_service_logo{padding:15px 0 0 10px;margin-right:10px;}
div#header #logo p#homepage_service_logo a{background:url(../img/logo_homepage_service.png) no-repeat 0 0;width:250px;height:22px;display:block;}

#logo p{float:left;margin-right:3px;}
#logo span{ display:none;}


/* for header ====================================================*/
div#header{
	height: 105px;
	padding:3px 0 0 0;

}

body#top div#header{
	height: 110px;
}


div#header img#headBnr{
	float: left;
	margin: 7px 0 0 7px;
}

div#header ul#hNavi{
float:right;
	font-size:0.8em;
	padding:6px 4px 0 0;
}

div#header ul#hNavi li{display:inline;padding-right:10px;}

div#header ul#hNavi li a{padding:2px 0 14px 20px;}

div#header ul#hNavi li#sitemap a{
	background:url(/img/ic_map.gif) no-repeat 0 0;
}

div#header ul#hNavi li#help a{
	background:url(/img/ic_help.gif) no-repeat 0 0;
}

div#header ul#hNavi li a:link{
	color: #ff6600;
	text-decoration: none;
}

div#header ul#hNavi li a:visited{
	color: #ff6600;
	text-decoration: none;
}

div#header ul#hNavi li a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#header ul#hNavi li a:active{
	color: #ff6600;
	text-decoration: none;
}

div#header ul#globalNav{
	clear: both;
}

div#header ul#globalNav li{
	float: left;
}


/* for toppage ====================================================*/


div#contents div#topContents{
	width: 800px;
}

div#contents div#mainContents{
	float: left;
	width: 580px;
}

div#contents div#sideBar{
	float: right;
	width: 200px;
	padding:0 0 20px 0;
	
}

div#contents div#sideBar li{padding:5px 0 10px;margin:5px; text-align:center;}
div#contents div#sideBar li.line{border-bottom:1px solid #f2f2f2;}



div#mainContents div#login{
	float: right;
	width: 184px;
	margin: 5px 0 0 0;
	background: url(/img/bg_login.gif) no-repeat bottom center;	
}

div#mainContents div#login div{
	padding: 5px;
}

div#mainContents div#login div p{
	margin: 0 0 5px 0;
}

div#mainContents div#login h2 img{
	margin: 0;
	vertical-align: top!important;
}

div#mainContents div#login img{
	margin: 5px 0 0 0;
}

div#contents div#sideBar h2{
	padding: 3px 0 0 0;
	height: 34px;
	background: url(/img/bg_h3_top.gif) no-repeat top left;
	font-size: 0.8em;
	font-weight: bold;
	color: #ff6600;
}


div#contents div#info p{padding:10px;margin:10px; display:block;}


body#top div#contents a:link{
	color: #ff6600;
	text-decoration: underline;
}

body#top div#contents a:visited{
	color: #ff6600;
	text-decoration: underline;
}

body#top div#contents a:hover{
	color: #ff9900;
	text-decoration: none;
}

body#top div#contents a:active{
	color: #ff6600;
	text-decoration: underline;
}


div#contents div#mainContents h2.infoTitle{
	clear: both;
	margin: 3px 0 5px 0;
	padding: 3px 0 0 15px;
	min-height: 32px;
	background: url(/img/bg_h2_top2.gif) no-repeat top left;
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
	width:560px;
}

*html div#contents div#mainContents h2{
	height: 32px;
}


#top_main_visual{width:790px;height:270px;display:block;margin-top:0px;}


#top_main_visual .top_catch_area{height:88px;width:490px;display:block;float:left;}

#top_main_visual .top_catch_area h2{background: url(/img/top_catch_h2.gif) no-repeat 0 0;height:88px;width:470px;display:block;margin:10px 0 20px;}


.top_catch_area ul{width:470px;height:152px; display:block; cursor:pointer;}
.top_catch_area ul li{margin:0;padding:0; display:block; width:470px;float:left;}
li.pleasy_01{background: url(/img/pleasy_info_01.gif) no-repeat 0 0;height:55px;}
li.pleasy_02{background: url(/img/pleasy_info_02.gif) no-repeat 0 0;height:26px;}
li.pleasy_03{background: url(/img/pleasy_info_03.gif) no-repeat 0 0;height:71px;}



.pleasy_info{width:470px;height:152px; display:block;}
.pleasy_info div{margin:0;padding:0; display:block; width:470px;}
div.pleasy_01{background: url(/img/pleasy_info_01.gif) no-repeat 0 0;height:55px;}
div.pleasy_02{background: url(/img/pleasy_info_02.gif) no-repeat 0 0;height:26px;}
div.pleasy_03{background: url(/img/pleasy_info_03.gif) no-repeat 0 0;height:71px;}

#top_main_visual .top_visual_area{width:294px;height:270px;display:block;float:left;padding:0px;}

#top_main_area{background: url(/img/top_main_bg_l.gif) no-repeat 0 0;height:146px;padding:0 5px 0 10px;margin:0 0 10px;}

#top_main_area .top_main_bg{background: url(/img/top_main_bg.gif) repeat-x 0 0;height:146px;}

#top_main_area .top_main_bg h2{background: url(/img/top_main_h2.gif) no-repeat 0 0; width:770px; height:30px;display:block;margin:10px 0 10px 3px;}

.top_main_bg .top_main_txt{display:block;background: url(/img/top_main_bg.gif) repeat-x 0 0;height:146px;float:left;width:770px;}
.top_main_txt p{display:block;float:left;}
.top_main_txt p.top_about_txt{width:460px;}
.top_main_txt p.apply_btn_l{display:block;padding-top:5px;width:255px;height:75px;}

p.apply_btn_l a{display:block;background: url(/img/t_btn_apply.gif) no-repeat 0 0;width:255px;height:75px;}
p.apply_btn_l a:hover{display:block;background: url(/img/t_btn_apply.gif) no-repeat 0 -75px;width:255px;height:75px;}

#top_main_area .top_main_bg_r{background: url(/img/top_main_bg_r.gif) no-repeat 0 0;width:10px;height:146px;display:block;float:right;}


#top_point_area{}

#top_point_area ul {padding:0 0 0 5px;}

#top_point_area ul li{
	float: left;
	padding: 0 0 0 5px;
	font-size:110%;
	display:inline;
	width:260px;
	height:180px;

}

#top_point_area ul li a{display:block;width:255px;height:165px;background-position:0 0;}
#top_point_area ul li a:hover{display:block;width:255px;height:165px;background-position:0 0;position:relative;left:1px; top:2px;}


#top_point_area ul li#capacityP a{background: url(/img/t_capacity_n.jpg) no-repeat;}
#top_point_area ul li#capacityP a:hover{background: url(/img/t_capacity_o.jpg) no-repeat;}

#top_point_area ul li#eachplanP a{background: url(/img/t_eachplan_n.jpg) no-repeat;}
#top_point_area ul li#eachplanP a:hover{background: url(/img/t_eachplan_o.jpg) no-repeat;}

#top_point_area ul li#webappsP a{background: url(/img/t_webapps_n.jpg) no-repeat;}
#top_point_area ul li#webappsP a:hover{background: url(/img/t_webapps_o.jpg) no-repeat;}

#top_point_area ul li#cgiP a{background: url(/img/t_cgi_n.jpg) no-repeat;}
#top_point_area ul li#cgiP a:hover{background: url(/img/t_cgi_o.jpg) no-repeat;}

#top_point_area ul li#domainP a{background: url(/img/t_domain_n.jpg) no-repeat;}
#top_point_area ul li#domainP a:hover{background: url(/img/t_domain_o.jpg) no-repeat;}

#top_point_area ul li#trialP a{background: url(/img/t_trial_n.jpg) no-repeat 0 0;}
#top_point_area ul li#trialP a:hover{background: url(/img/t_trial_o.jpg) no-repeat;}



div#mainContents p.arrowTop{
	margin: 0 20px 10px 5px;
	padding: 0 0 0 15px;
	text-align: right;
	font-size: 0.6em;
}

div#mainContents p.arrowTop a{
	padding-left:15px;
	background: url(/img/arrow.gif) no-repeat 0;
}



div#mainContents div#t_manual{float:left;margin:0 0 10px 0;}
div#mainContents div#t_manual dl{padding: 0 0 0 75px;width:470px;font-size: 0.8em;}
div#mainContents div#t_manual dt{font-weight:bold;display:block;border-bottom:1px dashed #c9c9c9;padding:0 5px 3px;}
div#mainContents div#t_manual dd{color:#000000;padding:5px 0; text-indent:-35px;}

div#contents div#t_manual dl.cmanual{
	background: url(/img/icon_manual.gif) no-repeat 10px top;
}

div#contents div#t_manual dl.cphp{
	background: url(/img/icon_phpmyadmin_top.gif) no-repeat 10px top;

}

div#contents div#t_manual dl.cmt{
	background: url(/img/icon_mt_top.gif) no-repeat top left;
}

div#mainContents div#info{float:left;}

div#mainContents div#info dl{width:535px;float:left;display:block;font-size: 0.8em;padding-left:10px;_padding-top:10px;} 
div#mainContents div#info dt{padding:0 0 5px 105px;color:#000000;display:block;height:15px;border-bottom:1px dashed #c9c9c9;}
div#mainContents div#info dd{padding:5px;margin:0 0 10px 0;}


div#mainContents div#info dt.iconInfo{
	background: url(/img/icon_information.jpg) no-repeat 5px center;
}

div#mainContents div#info dt.iconMaintenance{
	background: url(/img/icon_mentenance.gif) no-repeat 5px center;
}

div#mainContents div#info dt.iconTrouble{
	background: url(/img/icon_trouble.gif) no-repeat 5px center;
}



/* for contents ====================================================*/
div#contents{
	width:800px;
}

div#contents img#mainFlash{
	margin: 0 0 0 -4px;
}

div#contents p{
	margin: 0 0 0 5px;
	font-size:0.8em;
}

div#contents ul{
	font-size:0.8em;
}

div#contents p#breadcrumbs,
div#contentsInfo p#breadcrumbs{
	margin: 0 0 10px 0!important;
	padding: 2px 10px;
	background-color: #efefef;
	font-size: 0.6em;
}

div#contents p#breadcrumbs a:link,
div#contentsInfo p#breadcrumbs a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p#breadcrumbs a:visited,
div#contentsInfo p#breadcrumbs a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p#breadcrumbs a:hover,
div#contentsInfo p#breadcrumbs a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p#breadcrumbs a:active,
div#contentsInfo p#breadcrumbs a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p#breadcrumbs2{
	margin: 0 0 10px 0;
	padding: 2px 10px;
	font-size: 0.6em;
}

div#contents p#breadcrumbs2 span{
	padding: 0 3px;
	background-color: #ff6600;
	color: #fff;
}

div#contents p.read01{
	margin: 0 0 20px 5px;
	clear:both;
}

div#contents p.read01 a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.read01 a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.read01 a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p.read01 a:active{
	color: #ff6600;
	text-decoration: underline;
	
}

div#contents p.read02{
	margin: 0 0 1em 5px;
}

div#contents p.read02 a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.read02 a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.read02 a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p.read02 a:active{
	color: #ff6600;
	text-decoration: underline;
}
div#contents p.read04{
	margin: 10px 0 10px 0px!important;
	font-weight: bold;
}



div#contents p.pagetop{
	margin: 0 0 10px 0;
	padding: 2px 25px 2px 0;
	background: #ededed url(/img/arrow_top.gif) no-repeat 99% 50%;
	font-size: 0.6em;
	font-weight: bold;
	text-align: right;
	clear:both;
}

div#contents p.pagetop a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.pagetop a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.pagetop a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p.pagetop a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.pagenext{
	margin: 10px 0;
	text-align:right;
	display:block;
	font-size: 0.7em;
	clear:both;
}

div#contents p.pagenext span{padding:3px 5px;}

div#contents p.pagenext a{
	margin:0 0 0 5px;
	padding:5px 0 3px 42px;
	background:url(/img/ic_nextpage.gif) no-repeat 0 center;
}
div#contents p.pagenext a:link,
div#contents p.pagenext a:hover,
div#contents p.pagenext a:visited,
div#contents p.pagenext a:active{
text-decoration:none;
font-weight:bold;
}


div#contents h1#titleh1{
	margin: 10px 0 10px 0;
}

div#contents h2.h2long02{
	width: 800px;
	height: 22px;
	margin: 0 0 5px 0;
	padding: 2px 15px;
	background: url(/img/bg_h2_02_long.gif) no-repeat top left;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
}

div#contents h2.h2long01{
	width: 800px;
	height: 32px;
	margin: 0 0 5px 0;
	padding: 4px 10px;
	background: url(/img/bg_h2_01_long.gif) no-repeat top left;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
}

div#contents h2.h2short{
	clear: both;
	width: 585px;
	height: 32px;
	margin: 0 0 5px 0;
	padding: 4px 10px;
	background: url(/img/bg_h2.gif) no-repeat top left;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
}

div#contents h3.h3long{
	height: 34px;
	margin: 0 0 5px 0;
	padding: 2px 10px;
	background: url(/img/bg_h3_long.gif) no-repeat top left;
	color: #fb5b03;
	font-size: 0.8em;
	font-weight: bold;
	clear:both;
}

div#contents h3.h3short{
	height: 34px;
	margin: 0 0 5px 0;
	padding: 2px 10px;
	background: url(/img/bg_h3.gif) no-repeat top left;
	color: #fb5b03;
	font-size: 0.8em;
	font-weight: bold;
	clear:both;
}



div#contents .titleNum1,div#contents .titleNum2,div#contents .titleNum3,div#contents .titleNum4,div#contents .titleNum5{
	margin: 0 0 5px 5px;
	padding: 2px 0 2px 35px;
	color: #ff6600;
	font-size: 0.8em;
	font-weight: bold;
}

div#contents .titleNum1 a:link,div#contents .titleNum2 a:link,div#contents .titleNum3 a:link,div#contents .titleNum4 a:link,div#contents .titleNum5 a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents .titleNum1 a:visited,div#contents .titleNum2 a:visited,div#contents .titleNum3 a:visited,div#contents .titleNum4 a:visited, div#contents .titleNum5 a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents .titleNum1 a:hover,div#contents .titleNum2 a:hover,div#contents .titleNum3 a:hover,div#contents .titleNum4 a:hover,div#contents .titleNum51 a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents .titleNum1 a:active,div#contents .titleNum2 a:active,div#contents .titleNum3 a:active,div#contents .titleNum4 a:active, div#contents .titleNum5 a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents .titleNum1{
	background: #fdf7e1 url(/img/number1.gif) no-repeat center left;
}

div#contents .titleNum2{
	background: #fdf7e1 url(/img/number2.gif) no-repeat center left;
}

div#contents .titleNum3{
	background: #fdf7e1 url(/img/number3.gif) no-repeat center left;
}

div#contents .titleNum4{
	background: #fdf7e1 url(/img/number4.gif) no-repeat center left;
}
div#contents .titleNum5{
	background: #fdf7e1 url(/img/number5.gif) no-repeat center left;
	margin-bottom:35px;
}
div#contents #titleAccount{
	width: 604px;
	height: 22px;
	margin: 0 0 20px 0;
	background: url(/img/title_account.gif) no-repeat top left;
	text-indent: -9999px;
}

*html div#contents #titleAccount{
	margin: 0 0 10px 0;
}


/*-----Table-----*/
div#contents table.table01{
	width: 560px;
	margin: 10px auto 20px auto;
	background: #bebebe;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 0.8em;
}

div#contents table.table01 td.tdCenterW{
	text-align: left;
}

div#contents table.table03{
	width: 594px;
	margin: 10px 0 20px 4px;
	background: #bebebe;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 0.8em;
}

div#contents table.table04{
	width: 594px;
	margin: 0px 0 20px 4px;
	background: #bebebe;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 0.8em;
}

div#contents table.table05{
	width: 594px;
	margin: 10px 0 20px 4px;
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
}

div#contents table.table05 th {
	padding:5px 10px;
	border-top: 1px solid #ccc;
	background: #ff9900;
	
}

div#contents table.table05 td {
	padding:5px 10px;
	border-top: 1px solid #ccc;
	background: #fdf7e1;
}

div#contents table.table05 td.type02 { background: #FBE9A7;}

div#contents table.table05 td.type03 { background: #FCE07A;}

div#contents table.table06  { 
	width: 594px;
	font-size: 0.8em;
	margin: 0 0 20px 0;
	}
	
div#contents table.table06 th {
	border-top: 1px dashed #999;
	padding: 5px;
	background: #fbe9a7;
}

div#contents table.table06 td {
	background: #fdf7e1;
	padding: 5px;
}

/*add 200907*/
table.table_3type{
	margin:0px 0 5px 4px;
	font-size: 0.75em;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #bfbdbd;
}

table.table_3type th,
table.table_3type td{
	border:1px solid #bfbdbd;
}

table.table_3type th{
	padding:5px 10px;
}
table.table_3type thead th{
	text-align:center;
}
table.table_3type thead th.type01{
	background-color:#fff;
}
table.table_3type tbody th{
	text-align:center;
	background:#FFF2EA;
	white-space:nowrap;
}
table.table_3type td{
	text-align:center;
	padding:5px 10px;
	background-color:#fff;
}

table.table_3type .type02{background-color:#fffcf2;}
table.table_3type .type03{background-color:#fcf2ca;}

div#contents table.table01 a:link,div#contents table.table03 a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents table.table01 a:visited,div#contents table.table03 a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents table.table01 a:hover,div#contents table.table03 a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents table.table01 a:active,div#contents table.table03 a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents table.table01 th,div#contents table.table01 td,div#contents table.table03 th, div#contents table.table03 td, div#contents table.table04 td{
	padding: 10px;
}

div#contents th.thCenterW{
	background-color: #fff;
	text-align: center;
}

div#contents th.thCenterP{
	background-color: #fff2ea;
	text-align: center;
}

div#contents th.tab01{
	background-color: #ff9900;
	text-align: center;
	color:#fff;
}
		
div#contents td.tdCenterW{
	background-color: #fff;
	text-align: center;
}

div#contents td.tdCenterP{
	background-color: #fff2ea;
	text-align: center;
}

div#contents td.tdLeftW{
	padding-left: 15px!important;
	background-color: #fff;
}

div#contents td.tdLeftadd{
	padding-left: 15px!important;
	background-color: #fdf7e1;
}

div#contents table.table02{
	width: 594px;
	margin: 20px 0 20px 4px;
	background: #bebebe;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 0.8em;
}

div#contents table.table02 td{
	padding: 10px;
}

div#contents table.table02 td span{
	color: #cd3301;
}

div#contents table.table02 td.tdCenterW{
	background-color: #fff;
	text-align: center;
}

div#contents table.table02 td.tdCenterP{
	background-color: #fff2ea;
	text-align: center;
}
div#contents table.table04 td{
	padding: 3px;
}


div#contents ul.list01{
	margin: 0 0 20px 25px;
}

div#contents ul.list01 li{
	margin: 0 0 0.5em 0;
	padding: 0 60px 0 20px;
	background: url(/img/list01.gif) no-repeat 0% 6px;
}

div#contents ul.list01 li ul{
	margin: 0 0 0 5px;
}

div#contents ul.list01 li ul li{
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 20px;
	background: url(/img/list02.gif) no-repeat 0% 6px;
	font-size: 1em;
}

body:last-child div#contents ul.list01 li ul li{
	font-size: 1.2em;
}

*html div#contents ul.list01 li ul li{
	font-size: 1.2em;
}

div#contents ul.list01 li a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents ul.list01 li a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents ul.list01 li a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents ul.list01 li a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents ul.list01a{
	margin: 0 0 20px 0;
	font-size: 1em;
}

div#contents ul.list01a li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
	background: url(/img/list01.gif) no-repeat 0% 6px;
}

div#contents ul.list02{
	margin: 0 0 20px 40px;
}

div#contents p#caution{
	margin: 0 0 20px 170px!important;
	padding: 10px 0 0 55px;
	height: 56px;
	color: #ff3300;
	font-weight: bold;
}
div#contents p#caution span{
	padding: 20px 0 27px 55px;
	display: block;
	background: url(/img/caution.gif) no-repeat  0px 10px;
}

div#contents p.box01{
	width: 480px;
	margin: 20px auto 20px auto!important;
	padding: 10px;
	text-align: center;
	border: 1px solid #bebebe;
}

div#contents p.box01 a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.box01 a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.box01 a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p.box01 a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.box02{
	width: 550px;
	margin: 0 0 10px 4px;
	padding: 10px;
	text-align: center;
	border: 1px solid #bebebe;
}

div#contents p.box03{
	margin: 0 0 10px 4px;
	padding: 10px;
	text-align: center;
	border: 1px solid #bebebe;
	font-size: 100%;
}

div#contents div.box02{
	width: 350px;
	margin: 0 auto 10px auto;
	padding: 10px 10px 0px 10px;
	text-align: left;
	border: 1px solid #bebebe;
}

div#contents p.box02 a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.box02 a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.box02 a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p.box02 a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents div.box03,div#contents div.box03add{
	width: 560px;
	margin: 0 0 10px 4px;
	padding: 10px;
	text-align: left;
	border: 1px solid #bebebe;
	font-size:0.8em;
}

div#contents div.box03add {
	border:0;
	text-align:center;
}


div#contents div.box03 ul{
	margin-bottom:0;
}

div#contents div.box04{
	width: 560px;
	margin: 0 0 10px 4px;
	padding: 10px;
	text-align: center;
	border: 1px solid #bebebe;
	font-size:0.8em;
}

div#contents div.box05{
	width: 560px;
	margin: 0 0 10px 4px;
	padding: 10px;
	text-align: left;
	border: 1px solid #bebebe;
}

div#contents div.box06{
	width: 560px;
	margin: 0 0 10px 4px;
	padding: 10px;
	text-align: left;
}


div#contents div.box05 ul{
	margin-bottom:0;
}


div#contents .blueTxt{
	color: #0000ff!important;
}

div#contents .redTxt{
	color: #ff0000!important;
}
div#contentsInfo .redTxt{
	color: #ff0000!important;
}
div#contents .bredTxt{
	color: #ff0000!important;
	font-weight:bold;
}



div#contents img.icon{
	display: block;
	float: left;
}

div#contents img.arrowDown{
	clear: both;
	margin: 10px 0 10px 280px;
}

div#contents .emphasis1{
	margin: 0 0 5px 5px;
	font-size: 1em;
	font-weight: bold;
}

div#contents p.source{
	margin: 5px;
	padding: 10px;
	background-color: #ebf5ed;
	border: 1px solid #bddfbe;
	color: #346633;
}

div#contents p.source span{
	color: #cb3301;
	font-weight: bold;
}

div#contents .applyTablea{
	width: 780px;
	margin: 10px 10px 20px 10px;
	background: #bebebe;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 0.8em;
}

div#contents .applyTablea  a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents .applyTablea  a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents .applyTablea  a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents .applyTablea  a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents .applyTablea th,div#contents .applyTablea td{
	padding: 10px;
}

div#contents .applyTablea th.thCenterW{
	background-color: #fff;
	text-align: center;
}

div#contents .applyTablea th.thCenterP{
	background-color: #fff2ea;
	text-align: center;
}

div#contents .applyTablea th.thCenterP2{
	width: 12em;
	background-color: #fff2ea;
	text-align: center;
}

div#contents .applyTablea td.tdCenterW{
	background-color: #fff;
	text-align: center;
}

div#contents .applyTablea td.tdCenterP{
	background-color: #fff2ea;
	text-align: center;
}

div#contents .applyTablea td.tdLeftW{
	padding-left: 15px!important;
	background-color: #fff;
}

div#contents iframe{
	margin: 0 0 20px 0;
	width: 760px;
	height: 700px;
}

body#kiyaku {
	background: none;
}

body#kiyaku div#contents{
	font-size: 0.8em;
	width: 730px!important;
	margin:0!important;
	padding:0!important;
}
body#kiyaku div#wrapper{
	width: 730px!important;
}

body#kiyaku div#contents h1{
	margin: 1em 0 1em 1em;
	font-size: 1em;
	font-weight: bold;
}

body#kiyaku div#contents h2{
	margin: 0 0 0 1em;
	font-size: 1em;
	font-weight: bold;
}

body#kiyaku div#contents ol{
	margin: 0 0 1em 2em;
	width: 700px!important;
}

body#kiyaku div#contents ul{
	margin: 0 0 1em 2em;
	font-size: 1em;
	width: 700px!important;
}

body#kiyaku div#contents #note{
	margin: 0 0 1em 2em;
	font-size: 1em;
}

div#contents .doui{
	margin: 0px 30px 0px 0px;
	font-size: 0.8em;
}

div#contents .read03{
	margin: 1em 0 20px 5px;
	clear:both;
}

div#contents p.txtCenter{
	text-align:center!important;
}
div#contents div.txtCenter{
	text-align:center!important;
	margin-bottom:20px;
}
div#contents div.txtCenter2{
	text-align:center!important;
	margin:30px 0 45px 0;
}


div#contents p{
	margin:0px 10px 10px 10px!important;
}


/*add 200907*/
/* apply_btn */
.apply-btn-box{
background:url(/img/l_btn_bg.gif) repeat 0 0;
border:1px solid #E4E4E4;
margin:0 auto 20px;
padding:15px 5px 5px;
}
.em-txtcenter{
text-align:center;
font-weight:bold;
font-size:0.9em !important;
}

.box1{
background-color:#FDF7E7;
border:1px solid #FFCC66;
padding:15px 5px 5px;
}
.box1 .title-em1{
padding:0px 10px 5px;
font-size:0.9em;
font-weight:bold;
color:#FB5B03;
}

.selectplan_box{
margin:0 11px 20px 0;
width:594px;
background-color:#FDF7E1;
}
.selectplan_box form{
margin:0;
padding:10px;
}
.selectplan_box table th{
text-align:left;
}
.selectplan_box .btn01 input{
margin-top:5px;
}


/*parts*/
.indent1{
text-indent:-1em;
padding-left:1em;
}

.ico-win{
margin:0 3px 2px;
vertical-align:middle !important;
}

.txt-bold{
font-weight:bold;
}

.notice-s{
font-size:0.75em;
color:#ff0000;
}

.txt-s{
font-size:0.8em;
}

/*--- clearfix ---*/
.pkg:after{
	content: "";
	display: block;
	clear: both;
}
* html .pkg{ display: inline-block; }

/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */



/* for footer ======================================================*/
div#footerBox{
	clear: both;
	padding: 27px 0 40px 0;
	background: url(/img/bg_footer.gif) no-repeat top center;
}

div#footerLeft{
	float: left;
}

div#footer ul{
	margin: 0 0 10px 0;
	font-size: 0.6em;
}

div#footer ul li{
	display:inline;
	padding:0 5px 2px 0;
	color: #666;
}

div#footer ul li a:link{
	color: #666;
	text-decoration: none;
}

div#footer ul li a:visited{
	color: #666;
	text-decoration: none;
}

div#footer ul li a:hover{
	color: #666;
	text-decoration: underline;
}

div#footer ul li a:active{
	color: #666;
	text-decoration: none;
}

div#footer ul li#fNaviLast{
	padding: 0 0 0 8px;
	border-left:solid 1px #333;
}

div#footer p{
	text-align: right;
	font-size: 0.6em;
}

div#contents dl.dl01{
	margin: 5px 0 0 0;
}

div#contents dl.dl01 dt{
	margin: 0 0 0 5px;
	font-size: 0.8em;
	font-weight: bold;
}

div#contents dl.dl01 dd{
	margin: 0.5em 0 0 20px;
	font-size: 0.8em;
}

div#contents dl.dl02{
	margin: 5px 0 20px 10px;
}

div#contents dl.dl02 dt{
	font-size: 0.8em;
	font-weight: bold;
}

div#contents dl.dl02 dt a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents dl.dl02 dt a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents dl.dl02 dt a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents dl.dl02 dt a:active{
	color: #ff6600;
	text-decoration: underline;
}

div#contents dl.dl02 dd{
	margin: 0 0 10px 0;
	font-size: 0.8em;
}

div#contents p.arrow{
	margin: 0 0 20px 5px;
	padding: 0 0 0 15px;
	background: url(/img/arrow.gif) no-repeat center left;
}

div#contents p.arrow a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.arrow a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents p.arrow a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents p.arrow a:active{
	color: #ff6600;
	text-decoration: underline;
}



/* for login ======================================================*/

body#long div#contents{
	width: 800px;
}

div#contents p#completion{
	background-color: #ffd8be;
	width: 480px;
	margin: 0 auto 10px auto!important;
	padding: 10px;
	text-align: center;
	border: 1px solid #ff6600;
}


/* for manual ======================================================*/

body#short div#contents{
	float: right;
	width: 605px;
}

div#contents div#mtBox{
	min-height: 140px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_mt.gif) no-repeat 50px 20px;
}

*html div#contents div#mtBox{
	height: 140px;
}

div#contents div#pukiBox{
	min-height: 170px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_wikiway.gif) no-repeat 50px 20px;
}

*html div#contents div#pukiBox{
	height: 170px;
}

div#contents div#xoopsBox{
	min-height: 170px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_xoops.gif) no-repeat 50px 20px;
}

*html div#contents div#xoopsBox{
	height: 170px;
}

div#contents div#phpBox{
	min-height: 160px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_phpmyadmin.gif) no-repeat 50px 20px;
}

*html div#contents div#phpBox{
	height: 160px;
}

div#contents div#pneBox{
	min-height: 170px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_pne.gif) no-repeat 50px 20px;
}

*html div#contents div#pneBox{
	height: 170px;
}

div#contents div#mediaBox{
	min-height: 180px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_mediawiki.gif) no-repeat 40px 20px;
}

*html div#contents div#mediaBox{
	height: 180px;
}

div#contents div#wordpressBox{
	min-height: 180px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/icon_wordpress.jpg) no-repeat 40px 20px;
}

*html div#contents div#wordpressBox{
	height: 180px;
}

div#contents div#freshreaderBox{
	min-height: 180px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/img_freshreader_logo.gif) no-repeat 40px 20px;
}

*html div#contents div#freshreaderBox{
	height: 180px;
}

div#contents div#sitedev2Box{
	min-height: 180px;
	margin: 0 0 10px 0;
	padding: 0 0 0 180px;
	background: url(/img/img_sitedev2_logo.gif) no-repeat 40px 10px;
}

*html div#contents div#sitedev2Box{
	height: 180px;
}


ul.box
{
	margin: 5px 0 0 0;
	padding: 5px 10px;
	background-color: #fdf7e1;
	line-height: 240%;
}

ul.boxList li{
	padding: 0 0 0 20px;
	background: url(/img/arrow_box.gif) no-repeat center left;
	border-bottom: 1px dotted #696562;
}

ul.boxList li a:link{
	color: #ff6600;
	text-decoration: none;
}

ul.boxList li a:visited{
	color: #ff6600;
	text-decoration: none;
}

ul.boxList li a:hover{
	color: #ff9900;
	text-decoration: underline;
}

ul.boxList li a:active{
	color: #ff6600;
	text-decoration: none;
}

div#contents img.process{
	margin: 0 0 10px 100px;
}

div#contents ul.directory01{
	float: left;
	width: 230px;
	margin: 0 0 10px 50px;
}

div#contents ul.directory02{
	margin: 0 0 20px 150px;
}

div#contents .directorySub01{
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square01.gif) no-repeat center left;
}

div#contents .directorySub02{
	margin: 0 0 0 20px;
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square02.gif) no-repeat center left;
}

div#contents .directorySub03,div#contents .directorySub12{
	margin: 0 0 0 40px;
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square03.gif) no-repeat center left;
}

div#contents .directorySub12{ background: url(/webapps/openpne/img/square12.gif) no-repeat center left;}

div#contents .directorySub04,div#contents .directorySub14{
	margin: 0 0 0 60px;
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square04.gif) no-repeat center left;
}

div#contents .directorySub14{ background: url(/webapps/openpne/img/square14.gif) no-repeat center left;}


div#contents .directorySub05,div#contents .directorySub13{
	margin: 0 0 0 80px;
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square05.gif) no-repeat center left;
}

div#contents .directorySub13{ background: url(/webapps/openpne/img/square13.gif) no-repeat center left;}

div#contents .directorySub06{
	margin: 0 0 0 20px;
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square06.gif) no-repeat 0 50%;
}

div#contents .directorySub07{
	margin: 0 0 0 20px;
	padding: 0 0 0 12px;
	background: url(/webapps/openpne/img/square07.gif) no-repeat 0 50%;
}

div#contents span.directorySub08{
	display:block;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 10px 0 10px 35px;
	background: url(/img/folder_home.gif) no-repeat 0 50%;
}

div#contents .directorySub09,div#contents .directorySub10,div#contents .directorySub11{
	font-weight: bold;
	margin: 0 0 0 60px;
	padding: 5px 0 0 35px;
	background: url(/img/folder.gif) no-repeat 0 50%;
}
div#contents .directorySub10 { margin: 0 0 0 100px; color:#FF0000;}

div#contents .directorySub11{ background: url(/img/folder02.gif) no-repeat 0 50%;}

/*
body:last-child div#contents ul.directory01 li ul li{
	font-size: 1.2em;
}
*/

div#contents ul.directory01 li ul li{
	font-size: 1.2em;
}

/*
body:last-child div#contents ul.directory02 li ul li{
	font-size: 1.2em;
}

body:last-child div#contents ul.directory02 li ul li ul li{
	font-size: 1.2em;
}

body:last-child div#contents ul.directory02 li ul li ul li ul li{
	font-size: 1.3em;
}

body:last-child div#contents ul.directory02 li ul li ul li ul li ul li{
	font-size: 1.3em;
}
*/

div#contents ul.directory02 li ul li{
	font-size: 1.2em;
}

div#contents ul.directory02 li ul li ul li{
	font-size: 1.2em;
}

div#contents ul.directory02 li ul li ul li ul li{
	font-size: 1.3em;
}

div#contents ul.directory02 li ul li ul li ul li ul li{
	font-size: 1.3em;
}

*html div#contents ul.directory01 li ul li{
	font-size: 1.2em;
}

*html div#contents ul.directory02 li ul li{
	font-size: 1.2em;
}

*html div#contents ul.directory02 li ul li ul li{
	font-size: 1.2em;
}

*html div#contents ul.directory02 li ul li ul li ul li{
	font-size: 1.3em;
}

*html div#contents ul.directory02 li ul li ul li ul li ul li{
	font-size: 1.3em;
}
	
/* for errorPage ======================================================*/
	
body.errorPage #contents{
	text-align:center!important;
}
body.errorPage #contents h1{
	background:url(/img/title_bg.gif) no-repeat;
	height:50px;
	font-size:1.4em;
	padding-top:5px;
	}
div.e-bottom{
	margin:20px auto 20px auto;
	width:280px;
	text-align:left;
	border:1px solid #ccc;
	padding:15px;
}
body.errorPage #contents div.e-bottom ul {
	margin:20px 0 0 0;
}body.errorPage #contents div.e-bottom ul li{
	text-align:left;
}

/* for sitemap ======================================================*/
.sitemap h2 a{
	color:#fff!important;
}
*+html .sitemap ul li ul li{
	font-size:1.2em!important;
}

.sitemap div.left { float: left; width: 270px;}

.sitemap div.right { float: right; width: 520px;}

#long.sitemap div#contents ul.list01 li{ padding: 0 0 0 20px;}

#long.sitemap div#contents ul.list01 ul.leftcol { float:left; width:220px;}

#long.sitemap div#contents ul.list01 ul.rightcol { float:right; width:220px;}


.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0%;
}

.clear_l {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0%;
	height:15px;
}

/* for apply ======================================================*/
div.urlcol {
	text-align: center;
	border: 2px solid #ff6600;
	padding: 10px 0;
	margin-bottom: 10px;
}




/*   */
div#contents a:link{
	color: #ff6600;
	text-decoration: underline;
}

div#contents a:visited{
	color: #ff6600;
	text-decoration: underline;
}

div#contents a:hover{
	color: #ff9900;
	text-decoration: none;
}

div#contents a:active{
	color: #ff6600;
	text-decoration: underline;
}

/* 2007/03/05 */
div#trb_body{
	margin-bottom: 3px;
}

div#trb_title{
	padding: 3px 0 0 0;
	height: 34px;
	background: url(/img/bg_h3_top.gif) no-repeat top left;
	font-size: 0.8em;
	font-weight: bold;
	color: #ff6600;
}

div#trb_occur_date{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.6em;
}

div#trb_recover_date{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.6em;
}

div#trb_description{
	margin-top:0.6em;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 0.6em;
}



/* end */