﻿@import "menu.css";
@import "smoothbox.css";
@import "item.css";

img{border:0px;}
a:link { text-decoration:none; color:#005511;}
a:visited { text-decoration:none; color:#005511;}
a:hover { text-decoration:none; color : #333333;background:#BBFFFF;}

a.white {text-decoration:none;}
a.white:link {color:#FFFFFE;}
a.white:visited {color:#FFFFFE;}
a.white:hover {color:#BBBBFF;background:none;}

a.lang {text-decoration:none;}
a.lang:link {color:#BBFFBB;}
a.lang:visited {color:#BBFFBB;}
a.lang:hover {text-decoration:underline;color:#DDFFDD;background:none;}

a.yellow {}
a.yellow:link {color:#FFFF77;}
a.yellow:visited {color:#FFFF77;}
a.yellow:hover {color:#DDDD55;background:none;font-weight:bold;}

a.vmenus {display:block;width:100%;text-decoration:none;}
a.vmenus:link {color:#FFFFFE;}
a.vmenus:visited {color:#FFFFFE;}
a.vmenus:hover {color:#BBBBFF;}

a.recommend{
	background:#FFFFFF url('../img/mlp_s11.gif') no-repeat;
	font-size:15px;
	font-weight:bold;
	height:28px;
	color:#224444;
	margin:16px 0px 16px 0px;
	padding:2px 0px 0px 24px;
	text-decoration:none;
}

a.blue{
	background:url('../img/iconlink.gif') no-repeat;
	font-size:13px;
	margin-top:0px;
	padding-left:16px;
	padding-top:0px;
	text-decoration:none;
}
a.blue:link {color:#005511;}
a.blue:visited {color:#005511;}
a.blue:hover {color:#333333;
	background:#BBFFFF url('../img/iconlink.gif') no-repeat;
}

a.nomark{
	margin-top:4px;
	padding-left:0px;
	text-decoration:none;
}
a.nomark:link {color:#005511; }
a.nomark:visited {color:#005511; }
a.nomark:hover {
	color : #333333;
	background:#BBFFFF;
}

a.mail{
	background:#FFFFFF url('../img/e-mail.gif') no-repeat;
	margin-top:4px;
	padding-left:16px;
	text-decoration:none;
}
a.mail:link {color:#006633;}
a.mail:visited {color:#006633; }
a.mail:hover {
	color : #330066;
	background:#BBFFFF url('../img/e-mail.gif') no-repeat;
	}

a.pdf{
	background:url('../img/pdficon_small.gif') no-repeat;
	padding-left:16px;
	padding-bottom:4px;
	text-decoration:none;
}
a.pdf:link {color:#006633; }
a.pdf:visited {color:#006633; }
a.pdf:hover {
	color:#330066;
	background:#BBFFFF url('../img/pdficon_small.gif') no-repeat;
}

a.up{
	background:url('../img/iconlink_up.gif') no-repeat;
	margin-top:0px;
	padding-left:20px;
	padding-top:0px;
	text-decoration:none;
}
a.up:link {color:#006633; }
a.up:visited {color:#006633; }
a.up:hover {color : #330066;
	background:#BBFFFF url('../img/iconlink_up.gif') no-repeat;
}

table.top_table{
	width:100%;
	float:left;
	height:100px;
}

ul { 
margin-left:8px;
padding-left:8px;
} 

ul.menus{
    width:100%;
    margin-top:0px;
    font-size:12px;
    padding-left:0px;
    margin-left:4px;
    margin-right:0px;
	margin-bottom:0px;
}

ul.menus li{
	float:left;
	list-style-type:none;
}

ul.menus li a{
	display:block;
	width:114px;
	height:18px;
	padding:0px;
	padding-top:2px;
	margin:0px;
	border:outset #006622 0px;
	text-decoration:none;
	background: url('../img/u_green.png') repeat top left;
	text-align:center;
	color:#FFFFFE;
}

ul.menus li a:link{
	text-decoration:none;
	border-style:inset;
	background: url('../img/u_green.png') repeat top left;
	color:#FFFFFE;
}

ul.menus li a:visited{
	text-decoration:none;
	border-style:inset;
	background: url('../img/u_green.png') repeat top left;
	color:#FFFFFE;
}

ul.menus li a:hover{
	text-decoration:none;
	border-style:inset;
	background: url('../img/u_darkblue.png') repeat top left;
	color:#77FFFF;
}

ul.vmenus{
	width:212px;
	line-height:20px;
	margin-top:0px;
	font-size:12px;
	padding-left:0px;
	margin-left:0px;
	color:#333333;
}

ul.vmenus li{
	list-style-type:none;
	text-align:center;
	background:#133d6f url('../img/menubar01.jpg') repeat top left;
	color:#333355;
}

ul.vmenus li a:link{
	display:block;
	height:20px;
	padding:0px;
	padding-top:2px;
	margin:0px;
	border:outset #009988 0px;
	text-decoration:none;
	background:#133d6f url('../img/menubar02.jpg') repeat top left;
	color:#333355;
}

ul.vmenus li a:hover{
	text-decoration:none;
	border-style:inset;
	background:#F33d6f url('../img/menubar03.jpg') repeat top left;
	color:#333355;
}

ul.vmenus li a:active{
	text-decoration:none;
	border-style:inset;
	background:#F33d6f url('../img/menubar03.jpg') repeat top left;
	color:#333355;
}

ul.vmenus li a:visited{
	text-decoration:none;
	border-style:inset;
	background:#F33d6f url('../img/menubar03.jpg') repeat top left;
	color:#333355;
}

body{
	text-align:center;
	background:#FFFFFF;
}

#container{
	border:0px solid #888888;
	width:800px;
	background:#FFFFFF;
	text-align:left;
	line-height:18px;
	font-size:13px;
	margin-top:0px;
	padding:4px;
}

#innner{}
.main{
	width:550px;
	float:right;
	margin-top:8px;
	margin-bottom:2px;
}

.topmain{
	width:800px;
	float:center;
	margin-top:8px;
	margin-bottom:2px;
}

.companytheme{
	margin-top:2px;
	margin-bottom:2px;
	margin-right:4px;
	font-size:13px;
	text-align:left;
	border:solid 4px #BBBBBB;
	background:#333344;
	padding:4px;
	color:#FFF;
}

.companytheme2{
	margin-top:2px;
	margin-bottom:2px;
	margin-right:4px;
	font-size:15px;
	text-align:left;
	border:solid 4px #DDDDFF;
	background:#CCCCFF;
	padding:4px;
	color:#112222;
}

.box_logo1{
	background:#FFFFFF;
	font-size:13px;
	color:#222255;
	margin-right:8px;
}

.box_logo2{
	background:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	color:#222255;
	margin-left:8px;
	margin-bottom:28px;
}

.box_logo3{
	background:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	color:#333355;
}

.box1{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:4px;
	margin-right:4px;
	font-size:13px;
	border:solid 0px #BBDDFF;
	padding:2px;
}

.box2{
	width:500px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:4px;
	margin-right:4px;
	font-size:13px;
	border:solid 4px #BBCCCC;
	background:#FFFFFF;
	padding:2px;
	color:#112222;
}

.box3{
	width:500px;
	border:double 3px #AABBBB;
	font-size:13px;
	margin-top:4px;
	background:#FFFFFF;
	padding:4px;
}

td.paper{
	padding:12px;
}


table.paper320x240{
	width:320px;height:240px;margin-bottom:16px;
	background:url('../img/bg_paper_320x240.gif') no-repeat;
}
table.paper320x180{
	width:320px;height:180px;margin-bottom:16px;
	background:url('../img/bg_paper_320x180.gif') no-repeat;
}
table.paper320x120{
	width:320px;height:120px;margin-bottom:16px;
	background:url('../img/bg_paper_320x120.gif') no-repeat;
	margin-top:16px;
}

table.paper400x120{
	width:400px;height:120px;margin-bottom:16px;
	background:url('../img/bg_paper_400x120.gif') no-repeat;
}
table.paper400x240{
	width:400px;height:240px;margin-bottom:16px;
	background:url('../img/bg_paper_400x240.gif') no-repeat;
}
table.paper480x120{
	width:480px;height:120px;margin-bottom:16px;
	background:url('../img/bg_paper_480x120.gif') no-repeat;
}
table.paper480x280{
	width:480px;height:280px;margin-bottom:16px;
	background:url('../img/bg_paper_480x280.gif') no-repeat;
}
table.paper480x240{
	width:480px;height:240px;margin-bottom:16px;
	background:url('../img/bg_paper_480x240.gif') no-repeat;
}
table.paper480x320{
	width:480px;height:320px;margin-bottom:16px;
	background:url('../img/bg_paper_480x320.gif') no-repeat;
}

table.paper480x360{
	width:480px;height:360px;margin-bottom:16px;
	background:url('../img/bg_paper_480x360.gif') no-repeat;
}

.box_message_face{
	width:128px;
	font-size:13px;
	margin-top:4px;
	padding:4px;
}

.box_message{
	width:320px;
	font-size:13px;
	padding:6px;
	margin-bottom:8px;
}

.box_search{
	border:1px solid #AAAAAA;
	padding:4px;
	width:200px;
	font-size:13px;
	position:relative;
	float:left;
}

.box_search_no{
	border:0px solid #AAAAAA;
	padding:4px;
	width:200px;
	position:relative;
	float:left;
}

.box_faq{
	width:470px;
	border:1px #777777 solid;
	font-size:13px;
	padding:4px;
	margin-bottom:8px;
}

.box_white{
	background:#FFFFFF;
	font-size:13px;
	margin-bottom:8px;
}

.box_dotted{
	border-top:4px #333333 dotted;
	border-bottom:4px #333333 dotted;
	background:#FFFFFF;
	font-size:13px;
}

.header{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
	clear:both;
}

.logo{
	width:450px;
	float:left;
	margin-top:4px;
	margin-bottom:2px;
}

.barmenu{
	width:100%;
	height:18px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
	font-size:13px;
	background:#133d6f url('../img/us_lightsky.png') repeat top left;
	color:#FFFFFF;
	text-align:right;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:0px;
}

.barmenu2{
	width:100%;
	height:18px;
	float:left;
	margin-top:4px;
	margin-bottom:4px;
	font-size:13px;
	color:#9999FF;
	text-align:center;
        border:0px solid;
        border-color:#999999 #333333 #000000 #666666;
        padding:0px 0px 0px 0px;
        background: url('../img/u_green.png') repeat top left;
}

.footer{
	width:100%;
	height:20px;
	margin-top:16px;
	text-align:right;
	clear:both;
	border-top:3px solid #003344;
	background:#133d6f url('../img/us_lightsky.png') repeat top left;
	color:#FFFFFF;
	font-size:13px;
}

.side{
	float:left;
	margin-left:4px;
	margin-right:4px;
	margin-top:8px;
	height:100%;
}

.companyinfo_mini{
	background:url('../img/bg_paper_210x210.gif') no-repeat;
	width:212px;
	height:210px;
	margin-top:8px;
	margin-left:0px;
	padding-top:12px;
	padding-bottom:4px;
	font-size:13px;
	text-align:center;
	border:solid 0px #AACCCC;
}

.companyinfo{
	background:url('../img/bg_paper_210x360.gif') no-repeat;
	width:212px;
	height:360px;
	margin-top:8px;
	margin-left:0px;
	padding-top:12px;
	padding-bottom:4px;
	font-size:13px;
	text-align:center;
	border:solid 0px #AACCCC;
}

.companyinfo_left{
	float:left;
	width:208px;
	margin-top:8px;
	margin-bottom:8px;
	padding-bottom:8px;
	font-size:13px;
	text-align:left;
	border:solid 2px #AACCCC;
	border-left:solid 4px #99BBBB;
	border-right:solid 4px #99BBBB;
	background:#FFFFFF;
}

.companyinfo_left_body{
	padding:3px;
}

.side_menu{
	width:212px;
	font-size:13px;
	background:#133d6f url('../img/title004_01.jpg') repeat top left;
	color:#882222;
	text-align:center;
	font-weight:bold;
	line-height:22px;
	border:outset 2px #DDDDDD;
	padding:0px;
	margin-top:2px;
	margin-bottom:8px;
	margin-left:0px;
}

.side_menu a,
.side_menu a:link{
	background:#133d6f url('../img/title004_05g.jpg') repeat top left;
	color:#222222;
	text-align:center;
	font-weight:normal;
	text-decoration: none;
	display:block;
}
.side_menu a:visited{
	background:#133d6f url('../img/title004_05g.jpg') repeat top left;
	color:#333333;
	text-align:center;
	text-decoration: none;
	display:block;
}
.side_menu a:active{
	background:#DDDDDD;
	color:#222222;
	text-align:center;
	text-decoration: none;
	display:block;
}

.side_menu a:hover{
	background:#133d6f url('../img/title004_07b.jpg') repeat top left;
	color:#FFFFFF;
	text-align:center;
	text-decoration: none;
	display: block;
}

.search{
	width:212px;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:8px;
	margin-left:0px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:13px;
	text-align:center;
	border:solid 2px #AACCCC;
	background:#CCEEEE;
}

/* 見出し表示 */
h1{
	border-left:double 3px #669999;
	border-bottom:double 3px #669999;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;
}

h2{
	background:#FFFFFF url('../img/mlp_s06.gif') no-repeat;
	font-size:15px;
	font-weight:bold;
	width:450px;
	height:20px;
	color:#224444;
	margin:16px 0px 16px 0px;
	padding:2px 0px 0px 28px;
}

h3{
	background:#133d6f url('../img/bar01.gif') repeat top left;
	font-size:13px;
	font-weight:bold;
	width:284px;
	height:18px;
	color:#002222;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}

h4{
	background:#133d6f url('../img/bar01_short.gif') repeat top left;
	font-size:13px;
	font-weight:bold;
	width:160px;
	height:18px;
	color:#002222;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}

#copy{
	border-top:3px solid #003344;
	background:#009988;
	color:#FFF;
}

#copy2{
	border-left:double 3px #669999;
	border-bottom:double 3px #669999;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 8px;}

#copy3{
	background:#FFFFFF url('../img/mlp_s06.gif') no-repeat;
	font-size:15px;
	font-weight:bold;
	width:450px;
	height:20px;
	color:#224444;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 28px;
}

#copy4{
	background:#133d6f url('../img/bar01.gif') repeat top left;
	font-size:13px;
	font-weight:bold;
	width:284px;
	height:18px;
	color:#002222;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}

#copy5{
	background:#133d6f url('../img/bar02.gif') repeat top left;
	font-size:13px;
	font-weight:bold;
	width:384px;
	height:18px;
	color:#002222;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
}

p.copy_q{
	background:#FFFFFF url('../img/mark_q.gif') no-repeat;
	font-size:15px;
	font-weight:bold;
	width:430px;
	height:27px;
	color:#113333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 36px;
}

p.copy_a{
	background:#FFFFFF url('../img/mark_a.gif') no-repeat;
	font-size:13px;
	font-weight:normal;
	width:430px;
	color:#113333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 36px;
}

p.right{text-align:right;}

p.copy_short{
	background:#133d6f url('../img/bar100.gif') repeat top left;
	border-bottom-color:#333333;
	border-bottom: 0px solid  gray;
	font-size:13px;
	font-weight:bold;
	width:200px;
	color:#224444;
	height:18px;
	margin:0 0px 0 0;
	padding:6px 0px 0px 8px;
}

#copy_minicolumn{
	background:url('../img/us_lightsky.png') repeat top left;
	color:#FFFFFE;
	border-bottom: 0px solid  gray;
	font-size:13px;
	width:100%;
	margin-bottom:6px;
	margin-top:0px;
	padding:2px 2px 2px 2px;
}

#copy_underbox{
	font-size:15px;
	font-weight:bold;
	height:20px;
	color:#224444;
	margin:-4px 0px 0px 0px;
	padding:0px 0px 0px 6px;
}

p.link_pageup{
	float:right;
	margin-top:12px;
	margin-bottom:12px;
}

p.p_double{
	font-size:13px;
	color:#002222;
	border-left: 3px #333333 double;
	border-bottom: 3px #333333 double;
	width:160px;
	margin-left:8px;
	padding:4px;
}
