@import url("fonts-min.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+  COMMON STYLE
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 base setting
--------------------------------------------------------------------------------------- */

/* font ------------------------------ */

body {
	color: #474748;
/*	font-family: Arial, Verdana, Helvetica, sans-serif;*/
	font-family: "�q���M�m�p�S Pro W3", "Verdana", "�l�r �S�V�b�N", "Osaka?����";
	font-size: small;
	line-height: 1.3;
}


input,textarea,select {
/*	font-family: Arial, Verdana, Helvetica, sans-serif;*/
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}

img {
	border: 0;
}


/* tag, universal reset ------------------------------ */

*{
	margin:0;
	padding:0;
}

* A {
	outline-width: 0;
}

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,br,
form,fieldset,legend,input,textarea,select,option,label,submit {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	width:100%;
}

body {
	width:100%;
	background:url(../img/body_bg.gif) repeat-x left top;
	text-align:center;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}

/* link ------------------------------ */

a:link,
a:visited {
	color: #474748;
	text-decoration: none;
}
a:hover,
a:active {
	color:#007ac4;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------
 layout
--------------------------------------------------------------------------------------- */


div#wrapper {
	margin: 0 auto;
	width: 760px;
	position:relative;
	text-align:left;
}


div#ctArea {
	padding: 0px;
}



/* --------------------------------------------------------------------------------------
 header
--------------------------------------------------------------------------------------- */

div#header {
	width: 760px;
	height: 90px;
}

div#header h1{
	padding: 10px 0 0 5px;
	font-size: 77%;
	color:#007ac4;
	font-weight:bold;
	line-height:200%;
}

div#header .logo{
	float: left;
	width: 205px;
	height:41px;
	padding: 0 0 0 5px;
}


/* rtBox ------------------------------ */

div#header div.rtBox {
	float: right;
	padding: 15px 5px 0 0;
	width: 450px;
	text-align:right;
}


/* --------------------------------------------------------------------------------------
 topimg
--------------------------------------------------------------------------------------- */

div#topimg {
	margin-top:10px;
	width: 760px;
	height: 280px;
}


/* --------------------------------------------------------------------------------------
 service
--------------------------------------------------------------------------------------- */
div#service {
	width: 760px;
	height: 270px;
	background:url(../img/service_bg.jpg) no-repeat top left;
}

/* service1 ------------------------------ */
div#service #srv1 {
	float: left;
	width: 254px;
	height: 270px;
}


div#service #srv1 dt {
	width: 254px;
	height:26px;
	text-align:center;
}

div#service #srv1 dd {
	width: 254px;
	height: 244px;
}

div#service #srv1 dd p {
	padding:0;
}

div#service #srv1 dd p img {
	margin: 15px 0 0 15px;
}

div#service #srv1 dd p span {
	display: block;
	margin: 0 15px;
}


div#service div#srv1 dd ul li {
	width: 254px;
	height: 244px;
	display: block;
	font-size:77%;
	line-height:140%;
}

div#service div#srv1 ul li a:link,
div#service div#srv1 ul li a:visited {
	width: 254px;
	height: 244px;
	display: block;
	color:#e42467;
}

div#service div#srv1 ul li a:hover,
div#service div#srv1 ul li a:active {
	width: 254px;
	height: 244px;
	display: block;
	color:#e42467;
	background:url(../img/service_bg_on1.jpg) no-repeat;
}


/* service2 ------------------------------ */
div#service #srv2 {
	float: left;
	width: 506px;
	height: 270px;
}


div#service #srv2 dt {
	width: 506px;
	height:26px;
	text-align:center;
}

div#service #srv2 dd {
	width: 506px;
	height: 244px;
}

div#service #srv2 dd p {
	padding:0;
}

div#service #srv2 dd p img {
	margin: 15px 0 0 15px;
}

div#service #srv2 dd p span {
	display: block;
	margin: 0 15px;
}

div#service div#srv2 dd ul li {
	float:left;
	width: 253px;
	height: 244px;
	display: inline-block;
	font-size:77%;
	line-height:140%;
}



div#service div#srv2 ul li.txt2 a:link,
div#service div#srv2 ul li.txt2 a:visited {
	width: 253px;
	height: 244px;
	display: block;
	color:#3979ac;
}

div#service div#srv2 ul li.txt2 a:hover,
div#service div#srv2 ul li.txt2 a:active {
	width: 253px;
	height: 244px;
	display: block;
	color:#3979ac;
	background:url(../img/service_bg_on2.jpg) no-repeat;
}

div#service div#srv2 ul li.txt3 a:link,
div#service div#srv2 ul li.txt3 a:visited {
	width: 253px;
	height: 244px;
	display: block;
	color:#626262;
}

div#service div#srv2 ul li.txt3 a:hover,
div#service div#srv2 ul li.txt3 a:active {
	width: 253px;
	height: 244px;
	display: block;
	color:#626262;
	background:url(../img/service_bg_on3.jpg) no-repeat;
}


/* --------------------------------------------------------------------------------------
 news
--------------------------------------------------------------------------------------- */
div#news {
	margin: 10px 0;
	width: 760px;
	height:auto;
	background:url(../img/news_bg_top.jpg) no-repeat top left;
	overflow:hidden;
}

div#news h2{
	float: left;
	width: 220px;
	padding: 15px 0 0 15px;
}


/* newsrelease ------------------------------ */

div#news #newsrelease {
	float: left;
	width: 740px;
	padding: 10px;
	background:url(../img/news_bg_bottom.jpg) no-repeat bottom left;
}


div#news #newsrelease dt {
	width: 75px;
	float:left;
	line-height:190%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #474748;
	border-bottom:1px solid #e4e4e4;
	background:url(../img/news_date_bg.gif) no-repeat top left;		
}

div#news #newsrelease dd {
	font-size:small;
	color: #474748;
	border-bottom:1px solid #e4e4e4;
	margin:0 0 5px 0;
	padding:0 0 5px 85px;
}


div#news #newsrelease dt.noline {
	width: 75px;
	float:left;
	line-height:190%;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #474748;
	border-bottom:0px solid #e4e4e4;
	background:url(../img/news_date_bg.gif) no-repeat top left;	
	padding:0 0 3px 0;	
}

div#news #newsrelease dd.noline {
	font-size:small;
	color: #474748;
	border-bottom:0px solid #e4e4e4;
	margin:0 0 5px 0;
	padding:0 0 5px 85px;
}

/* link ------------------------------ */

div#news div.link {
	float: right;
	padding: 8px 0 0 0;
	width: 75px;
	text-align:center;
}


p.blt1 {
	background: url(../img/blt1.gif) no-repeat 8% 1px;
	font-size:xx-small;
}





/* --------------------------------------------------------------------------------------
 copy
--------------------------------------------------------------------------------------- */

.copy1 {
	clear:both;
	padding: 10px 0;
	font-size:77%;
	line-height:200%;
	color: #878787;
	text-align:center;
}

.btxt{
	font-weight:bold;
}


/* --------------------------------------------------------------------------------------
 footer
--------------------------------------------------------------------------------------- */

div#footer {
	background:url(../img/copy_bg.gif) repeat-x top left;	
	clear:both;
	width: 760px;	
	margin: 10px 0;
	padding: 15px 0;
}

div#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

/* ltBox ------------------------------ */

div#footer div#ltBox {
	float: left;
	padding: 5px 0;
	width: 580px;
}

div#footer div#ltBox ul#mn1 {
	display:inline-block;
	margin-bottom: 30px;
}

div#footer div#ltBox ul#mn1 li {
	display:inline;
}

div#footer div#ltBox ul#mn2 {
	display:inline-block;
	margin-bottom:5px;
}

div#footer div#ltBox ul#mn2 li {
	display:inline;
	background: url(../img/blt1.gif) no-repeat 8% 3px;
	padding:0 15px;
	font-size:xx-small;
}

div#footer div#ltBox ul#mn2 li a {
	text-decoration:underline;
}


/* rtBox ------------------------------ */

div#footer div#rtBox {
	float: right;
	width: 155px;
	height: 105px;
	text-align:center;
	background:url(../img/copy_bnn_bg.gif) no-repeat;
}

div#footer #rtBox dt {
	padding: 7px 0;	
}

div#footer #rtBox dd {
	font-size:xx-small;
}


/* copyright ------------------------------ */

div#footer p.copyright{
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:x-small;
	float:left;
	margin-right: 10px;
}

div#footer p.f-text{
	font-size:xx-small;
	color:#007ac4;
	float:left;
	font-weight: bold;
}

div#footer p.f-text a{
	color:#007ac4;
	text-decoration: none;
}

div#footer p.f-text a:hover{
	text-decoration: underline;
}