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

/*--------------------------------------------------------------------
css 共通
--------------------------------------------------------------------*/
* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-color:#f1f0f0;
	color:#666666;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a{
	color:#31A9E2;
	text-decoration:none;
}
a:hover{
	color:#31A9E2;
	text-decoration:underline;
}

.font14 {
	font-size:14px;
	line-height:140%;
}

.font18 {
	color:#333333;
	font-size:18px;
	line-height:140%;
}


/**** Common ****/

#header {
	background:url(../images/header_bg.gif) left top repeat-x;
	height:65px;
	width:880px;
	margin:0px auto;
}

#header h1 {
	background:url(../images/logo.gif) left top no-repeat;
	display:block;
	float:left;
	width:490px;
	height:65px;
	text-indent:-999999px;
}

#header h1 a {
	background:url(../images/logo.gif) left top no-repeat;
	display:block;
	float:left;
	width:490px;
	height:65px;
	text-indent:-999999px;
}

#header p {
	font-size:10px;
	float:right;
	margin:40px 10px 0px 0px;
	padding:0px;
}

#main {
	background:#FFFFFF;
	width:880px;
	padding:0px 0px 15px 0px;
	margin:0px auto;
}

#main #left_menu {
	background:url(../images/top_left_menu_bg.gif) left top repeat-y #FFFFFF;
	height:690px;
	width:440px;
	float:left;
}

#main #left_menu h2 {
	background:url(../images/top_left_menu_m.gif) left top no-repeat;
	height:53px;
	width:440px;
	text-indent:-999999px;
}

#main #left_menu h2 a {
	display:block;
	height:53px;
	width:440px;
}

#main #left_menu .lead {
	font-size:12px;
	line-height:120%;
	margin:3px 30px 0px 30px;
	height:55px;
}

#main #left_menu h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	margin:0px 15px 0px 30px;
}

#main #left_menu h3 a {
	background:url(../images/dot1.gif) left bottom repeat-x #FFFFFF;
	display:block;
	color:#0064ad;
	font-size:16px;
	font-weight:bold;
	padding:0px 15px;
	line-height:36px;
	width:365px;
	text-decoration:none;
}

#main #left_menu h3 a:hover {
	background:url(../images/dot1.gif) left bottom repeat-x #efefef;
	display:block;
	color:#0064ad;
	font-size:16px;
	font-weight:bold;
	padding:0px 15px;
	line-height:36px;
	width:365px;
}

#main #left_menu .txt {
	font-size:12px;
	line-height:120%;
	margin:3px 15px 0px 30px;
	padding:0px 15px;
	height:64px;
}


#main #right_menu {
	background:url(../images/top_right_menu_bg.gif) left top repeat-y #FFFFFF;
	height:690px;
	width:440px;
	float:left;
}

#main #right_menu h2 {
	background:url(../images/top_right_menu_m.gif) left top no-repeat;
	height:53px;
	width:440px;
	text-indent:-999999px;
}

#main #right_menu h2 a {
	display:block;
	height:53px;
	width:440px;
}

#main #right_menu .lead {
	font-size:12px;
	line-height:120%;
	margin:3px 30px 0px 30px;
	height:55px;
}

#main #right_menu h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	margin:0px 15px 0px 30px;
}

#main #right_menu h3 a {
	background:url(../images/dot1.gif) left bottom repeat-x #FFFFFF;
	display:block;
	color:#ec1119;
	font-size:16px;
	font-weight:bold;
	padding:0px 15px;
	line-height:36px;
	width:365px;
	text-decoration:none;
}

#main #right_menu h3 a:hover {
	background:url(../images/dot1.gif) left bottom repeat-x #efefef;
	display:block;
	color:#ec1119;
	font-size:16px;
	font-weight:bold;
	padding:0px 15px;
	line-height:36px;
	width:365px;
}

#main #right_menu .txt {
	font-size:12px;
	line-height:120%;
	margin:3px 15px 0px 30px;
	padding:0px 15px;
	height:64px;
}

#main #right_menu ul {
	font-size:12px;
	margin:3px 15px 0px 30px;
	padding:0px 15px;
	list-style:none;
}

#main #right_menu ul li {
	line-height:100%;
	margin:10px 10px 14px 10px;
	padding:0px;
}

#main #right_menu ul li a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

#main #right_menu ul li a:hover {
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}

#main #banner {
	background:#FFFFFF;
	clear:both;
	padding:15px 10px 0px 10px;
	margin:0px;
}

#main #banner img {
	margin-right:15px;
}

/*--------------------------------------------------------------------
second
--------------------------------------------------------------------*/
.pan {
	float:left;
	background:#FFFFFF;
	font-size:12px;
	padding:10px 10px 15px 10px;
}

/****** about ******/
#main #about {
	float:left;
	background: url(../images/second_bg1.gif) left top repeat-y;
	width:640px;
}

#main #about .lead {
	font-size:12px;
	line-height:120%;
	margin:25px 20px 25px 43px;
}

#main #about h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	color:#0064ad;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 0px 23px;
	padding:10px 20px;
}

#main #about .txt {
	font-size:12px;
	line-height:120%;
	margin:5px 20px 25px 43px;
}

#main #about h4 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	margin:5px 20px 0px 43px;
}

#main #about .top {
	font-size:12px;
	line-height:120%;
	margin:5px 20px 70px 43px;
	text-align:right;
}

#main #about .top a {
	color:#666666;
	text-decoration:none;
}

#main #about .top a:hover {
	color:#999999;
	text-decoration:none;
}

#main #about h2 {
	background:url(../images/second_m01.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
}
/****** download ******/
#main #download {
	float:left;
	background: url(../images/second_bg1.gif) left top repeat-y;
	width:640px;
	height:550px;
}

#main #download .lead {
	font-size:12px;
	line-height:120%;
	margin:25px 20px 25px 43px;
}

#main #download h2 {
	background:url(../images/second_m01.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
}

#main #download h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	color:#0064ad;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 0px 23px;
	padding:10px 20px;
}
#main #download ul {
	font-size:0.8em;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 55px;
}
#main #download li {
	list-style-position: outside;
}
/****** service ******/
#main #service {
	float:left;
	background: url(../images/second_bg2.gif) left top repeat-y;
	width:640px;
}

#main #service .lead {
	font-size:12px;
	line-height:120%;
	margin:25px 20px 25px 43px;
}

#main #service h3 {
	background:url(../images/dot3.gif) left bottom repeat-x;
	color:#ec1119;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 0px 23px;
	padding:10px 20px;
}

#main #service .txt {
	font-size:12px;
	line-height:120%;
	margin:5px 20px 25px 43px;
}

#main #service .txt a {
	color:#666666;
	text-decoration:none;
}

#main #service .txt a:hover {
	color:#999999;
	text-decoration:underline;
}

#main #service h4 {
	background:url(../images/second_m02s.gif) left top no-repeat;
	display:block;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	margin:5px 0px 10px 43px;
	padding:9px 0px 9px 20px;
	width:563px;
}

#main #service h5 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	margin:20px 20px 0px 43px;
}

#main #service h5.blue {
	color:#0066ff;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	margin:20px 20px 0px 43px;
}

#main #service h6 {
	background:url(../images/second_m02ss.gif) left bottom no-repeat;
	display:block;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	margin:5px 0px 10px 43px;
	padding:5px 0px 5px 15px;
	width:563px;
}

#main #service ul {
	margin:5px 20px 25px 43px;
	list-style:none;
}

#main #service ul li {
	padding-left:15px;
	line-height:21px;
	font-size:12px;
}

#main #service table.outline {
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	color:#333333px;
	font-size:12px;
	margin:5px 20px 25px 43px;
}

#main #service table.outline th {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333px;
	padding:5px;
	vertical-align:top;
}

#main #service table.outline td {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333px;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

#main #service table.outline2 {
	color:#333333px;
	font-size:12px;
	margin:5px 20px 25px 43px;
}

#main #service table.outline2 th {
	color:#333333px;
	padding:5px;
	vertical-align:top;
}

#main #service table.outline2 td {
	color:#333333px;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

#main #service .top {
	font-size:12px;
	line-height:120%;
	margin:5px 20px 70px 43px;
	text-align:right;
}

#main #service .top a {
	color:#666666;
	text-decoration:none;
}

#main #service .top a:hover {
	color:#999999;
	text-decoration:none;
}

#main #service h2 {
	background:url(../images/second_m02.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
}

#main #service .arrow {
	font-size:12px;
	line-height:120%;
	margin:25px 20px 25px 100px;
}

/****** privacy ******/
#main #privacy {
	float:left;
	background: url(../images/second_bg3.gif) left top repeat-y;
	width:640px;
}

#main #privacy .lead {
	font-size:12px;
	line-height:120%;
	padding-bottom:20px;
	margin:25px 20px 0px 43px;
	background:url(../images/dot1.gif) left bottom repeat-x;
}

#main #privacy h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 20px 23px;
	padding:10px 20px;
}

#main #privacy .txt {
	background:url(../images/dot2.gif) left bottom repeat-x;
	font-size:12px;
	line-height:120%;
	margin:0px 20px 0px 43px;
	text-indent:-1em;
	padding:10px 5px 20px 2em;
}

#main #privacy .sign {
	font-size:12px;
	line-height:120%;
	margin:0px 20px 0px 43px;
	padding:30px 5px 70px 20px;
	text-align:right;
}

#main #privacy h2 {
	background:url(../images/second_m03.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
	margin-bottom:45px;
}

/****** contact ******/
#main #contact {
	float:left;
	background: url(../images/second_bg3.gif) left top repeat-y;
	width:640px;
}

#main #contact .lead {
	font-size:12px;
	line-height:120%;
	padding-bottom:20px;
	margin:25px 20px 0px 43px;
	background:url(../images/dot1.gif) left bottom repeat-x;
}

#main #contact h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 20px 23px;
	padding:10px 20px;
}

#main #contact .txt {
	background:url(../images/dot2.gif) left bottom repeat-x;
	font-size:12px;
	line-height:120%;
	margin:0px 20px 0px 43px;
	text-indent:-14px;
	padding:10px 5px 20px 20px;
}

#main #contact .sign {
	font-size:12px;
	line-height:120%;
	margin:0px 20px 0px 43px;
	padding:30px 5px 70px 20px;
	text-align:right;
}

#main #contact h2 {
	background:url(../images/second_m04.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
	margin-bottom:45px;
}

#main #contact table.main {
	font-size:12px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	color:#333333px;
	margin:5px 20px 25px 43px;
}

#main #contact table.main th {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#efefef;
	color:#333333px;
	padding:5px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

#main #contact table.main td {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	color:#333333px;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

#main #contact table.btn {
	font-size:12px;
	color:#333333px;
	margin:5px 20px 25px 43px;
}

#main #contact table.btn td {
	text-align:center;
	padding-bottom:120px;
}

/****** sitemap ******/
#main #sitemap {
	float:left;
	background: url(../images/second_bg3.gif) left top repeat-y;
	width:640px;
}

#main #sitemap .main {
	padding:0px 0px 20px 43px;
}
	

#main #sitemap .about {
	border-left:5px solid #becde4;
	float:left;
	width:290px;
	height:600px;
}

#main #sitemap .service {
	border-left:5px solid #ffd6cb;
	float:left;
	width:280px;
	height:600px;
}

#main #sitemap ul {
	padding:6px 0px 0px 20px;
	list-style:none;
	width:270px;
}

#main #sitemap ul li.main {
	background:url(../images/sitemap_arrow.gif) left top no-repeat;
	padding:0px 0px 0px 10px;
	margin:14px 0px 14px 0px;
	line-height:normal;
	font-size:12px;
	width:250px;
	display:block;
}
#main #sitemap ul li.main ul {
	margin:0px;
	padding:0px;
	width:250px;
}
#main #sitemap ul li.main ul li.sub {
	margin:5px 0px;
	padding:0px;
	display:block;
}

#main #sitemap h2 {
	background:url(../images/second_m05.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
	margin-bottom:45px;
}

#main #sitemap h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 15px 23px;
	padding:10px 20px;
}

#main #sitemap h4 {
	background:url(../images/sitemap_m.gif) left top no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	padding:13px 0px 0px 25px;
}

#main #sitemap a {
	color:#666666;
	text-decoration:none;
	text-decoration:underline;
}

#main #sitemap a:hover {
	color:#666666;
	text-decoration:none;
}

/****** company ******/
#main #company {
	float:left;
	background: url(../images/second_bg3.gif) left top repeat-y;
	width:640px;
}

#main #company table {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	color:#333333;
	font-size:12px;
	line-height:120%;
	margin:25px 20px 30px 43px;
	width:520px;
}

#main #company th {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#efefef;
	font-weight:bold;
	padding:10px;
	text-align:left;
	vertical-align:middle;
}

#main #company td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:10px;
	text-align:left;
}

#main #company .txt {
	font-size:12px;
	line-height:120%;
	margin:0px 20px 0px 43px;
	padding:10px 5px 20px 0px;
}

#main #company dl {
	font-size:12px;
	line-height:120%;
	margin:0px 20px 0px 43px;
	padding:10px 5px 20px 0px;
}

#main #company dd {
	padding-left:30px;
	padding-bottom:10px;
}

#main #company .map {
	margin:25px auto 20px 43px;
	width:520px;
}

#main #company h4 {
	font-size:12px;
	line-height:120%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 43px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main #company h3 {
	background:url(../images/dot1.gif) left bottom repeat-x;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:0px 15px 20px 23px;
	padding:10px 20px;
}

#main #company h2 {
	background:url(../images/company_m.gif) left top no-repeat;
	height:60px;
	width:620px;
	text-indent:-999999px;
	margin-bottom:45px;
}

/****** side_menu ******/
#main #side_menu {
	float:right;
	background:#FFFFFF;
	width:240px;
	padding:1px 0px 0px 0px;
}

#main #side_menu .manual {
	background:url(../images/second_menu_bg1.gif) left top repeat-y;
	margin-bottom:3px;
	}

#main #side_menu .manual h2 {
	display:block;
	background:url(../images/second_menu_m1.gif) left top no-repeat;
	width:205px;
	height:36px;
	text-indent:-999999px;
}

#main #side_menu .manual h2 a {
	display:block;
	background:url(../images/second_menu_m1.gif) left top no-repeat;
	width:205px;
	height:36px;
	text-indent:-999999px;
}


#main #side_menu .manual h3 {
	padding:0px 0px 0px 7px;
	margin:0px;
	font-size:12px;
}

#main #side_menu .manual h3 a {
	display:block;
	color:#0064ad;
	background:url(../images/dot2.gif) left bottom repeat-x #FFFFFF;
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:28px;
	width:188px;
	text-decoration:none;
}

#main #side_menu .manual h3 a:hover {
	display:block;
	color:#0064ad;
	background:url(../images/dot2.gif) left bottom repeat-x #efefef;
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:28px;
	width:188px;
	text-decoration:none;
}

#main #side_menu .needs {
	background:url(../images/second_menu_bg2.gif) left top repeat-y;
	margin-bottom:3px;
	}

#main #side_menu .needs h2 {
	display:block;
	background:url(../images/second_menu_m2.gif) left top no-repeat;
	width:205px;
	height:36px;
	text-indent:-999999px;
}

#main #side_menu .needs h2 a {
	display:block;
	background:url(../images/second_menu_m2.gif) left top no-repeat;
	width:205px;
	height:36px;
	text-indent:-999999px;
}

#main #side_menu .needs h3 {
	padding:0px 0px 0px 7px;
	margin:0px;
	font-size:12px;
}

#main #side_menu .needs h3 a {
	display:block;
	color:#ec1119;
	background:url(../images/dot2.gif) left bottom repeat-x #FFFFFF;
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:28px;
	width:188px;
	text-decoration:none;
}

#main #side_menu .needs h3 a:hover {
	display:block;
	color:#ec1119;
	background:url(../images/dot2.gif) left bottom repeat-x #efefef;
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:28px;
	width:188px;
	text-decoration:none;
}

#main #side_menu .needs ul {
	background:url(../images/dot2.gif) left bottom repeat-x #FFFFFF;
	display:block;
	list-style:none;
	padding:5px 0px 5px 10px;
	margin:0px 0px 0px 7px;
	font-size:12px;
	width:188px;
}

#main #side_menu .needs ul li {
	color:#666666;
	font-size:12px;
	line-height:140%;
}

#main #side_menu .needs ul li a {
	color:#666666;
	text-decoration:none;
}

#main #side_menu .needs ul li a:hover {
	color:#666666;
	text-decoration:underline;
}

#main #side_menu .banner img {
	margin-top:10px;
}

/****** footer ******/
#footer {
	background:#FFFFFF;
	border-top:1px solid #CCCCCC;
	height:56px;
	width:880px;
	clear: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer p.navi {
	float:left;
	font-size:10px;
	padding:10px;
}

#footer p.copy {
	float:right;
	font-size:10px;
	padding:10px;
}

#top_banner {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#top_banner li {
	float: left;
	padding-right: 30px;
	padding-bottom: 0px;
}