@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;
}

/* service added at 2010.06.15 RCS ------------------------------ */
#srv:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#srv {
	display:inline-block;
	margin-bottom:60px;
	width:760px;
}
#srv ul li a {
	display:block;
	text-indent:-9999px;
}
#personal {
	background:url(../img/bg_personal.jpg) no-repeat;
	float:left;
	height:296px;
	position:relative;
	width:370px;
}
#business {
	background:url(../img/bg_business.jpg) no-repeat;
	float:right;
	height:296px;
	position:relative;
	width:370px;
}
.btn01 {
	left:20px;
	position:absolute;
	top:67px;
}
.btn02 {
	left:20px;
	position:absolute;
	top:147px;
}
.btn03 {
	left:20px;
	position:absolute;
	top:209px;
}
#business .btn03 {
	left:20px;
	position:absolute;
	top:174px;
}
#personal .btn01 a {
	background:url(../img/btn_psn01.gif) no-repeat;
	height:75px;
	width:331px;
}
#personal .btn01 a:hover { background:url(../img/btn_psn01_on.gif) no-repeat; }
#personal .btn02 a {
	background:url(../img/btn_psn02.gif) no-repeat;
	height:57px;
	width:331px;
}
#personal .btn02 a:hover { background:url(../img/btn_psn02_on.gif) no-repeat; }
#personal .btn03 a {
	background:url(../img/btn_psn03.gif) no-repeat;
	height:67px;
	width:331px;
}
#personal .btn03 a:hover { background:url(../img/btn_psn03_on.gif) no-repeat; }
#business .btn01 a {
	background:url(../img/btn_biz01.gif) no-repeat;
	height:100px;/*75px;*/
	width:331px;
}
#business .btn01 a:hover { background:url(../img/btn_biz01_on.gif) no-repeat; }
#business .btn02 a {
	background:url(../img/btn_biz02.gif) no-repeat;
	height:57px;
	width:331px;
}
#business .btn02 a:hover { background:url(../img/btn_biz02_on.gif) no-repeat; }
#business .btn03 a {
	background:url(../img/btn_biz03.gif) no-repeat;
	height:102px;/*67px;*/
	width:331px;
}
#business .btn03 a:hover { background:url(../img/btn_biz03_on.gif) 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;
}