@charset "utf-8";
body{
font-family:メイリオ,Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
margin: 0px;
padding: 0px;
text-align:center;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-position:top;
background-color:#ffffff;
}
h1{
font-family: Arial, Helvetica, sans-serif;
font-size:300%;
font-weight: normal;
letter-spacing: 5px;
margin: 0px;
}

h2 {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 0 5px;
    color: #006699;
}

h3 {
font-size: 17px;
border-left: 3px solid #666;
padding: 0 8px;}
h4{margin: 20px 0 10px;}

#flash{
width:940px;
margin:auto;
position:relative;
margin-bottom:0px;
height:350px;
}

#top{
width:900px;
margin:auto;
position:relative;
margin-bottom:10px;
height:100px;
}
#contents {
width:900px;
}
#back{
width:940px;
margin:auto;
position:relative;
text-align:left;
background-color:#FFFFFF;
}
#main {
float:right;
width:680px;
margin:auto;
position:relative;
padding-right: 0px;
}

#contents2{
width:900px;
margin:auto;
position:relative;
text-align:left;
margin-top:0px;
padding-bottom:80px;
}
#main2{
width: 485px;
position: absolute;
margin-left:215px;
}
#side2{
width: 200px;
position: absolute;
left:0px;
margin-bottom:10px;
}
#ad_side2{
width:185px;
margin-left:715px;
}

/*technology*/
.nav{text-align: right;}
.box_tec{
	background: url(../images/line2.png) no-repeat top;
	padding:20px 0;
	}
.topagetop {
    text-align: right;}
.box_tec dl dt{
	width: 58%;}
.box_tec dl dt,
.box_tec dl dd{display:inline-block;margin:0px}

/*firefox、opera***********************/
#contents:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #contents {
height: 1em;
overflow: visible;
}
/**/
/************/


#side {
float:left;
width:200px;
height:480px;
margin-left:0px;
padding-left:0px;
margin-bottom:10px;
background-image:url(../images/bg2.png);
background-repeat:no-repeat;
}
#fbg{
height:50px;
background-image:url(../images/bg4.png);
}


/*----------------------------調整----*/
.mr_m5{margin-right:-5px}
.mt20{margin-top: 20px;}
.mt50{margin-top: 50px;}
.u10d10 {
padding: 10px 0px 10px 0px;
}
.u10d10r10l10 {
padding: 10px 10px 10px 10px;
}
.u20d10 {
padding: 20px 0px 10px 0px;
}
.u10 {
padding: 10px 0px 0px 0px;
}.l15 {
padding: 0px 0px 0px 15px;
}.l13 {
padding: 0px 0px 0px 13px;
}.u5 {
padding: 5px 0px 0px 0px;
}
.u30 {
padding: 30px 0px 0px 0px;
}
.d10 {
padding: 0px 0px 10px 0px;
}
.d20 {
padding: 0px 0px 20px 0px;
}
.d7 {
padding: 0px 0px 10px 0px;
}
.d5 {
padding: 0px 0px 5px 0px;
}
.d30 {
padding: 0px 0px 30px 0px;
}
.u10d30 {
padding: 10px 0px 30px 0px;
}
.u30d20 {
padding: 30px 0px 20px 0px;
}
.d40 {
padding: 0px 0px 40px 0px;
}

.tx1 {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
line-height: 17px;
color: #333333;
padding:10px 10px 10px 3px;
margin-left:0px;
text-justify:inter-word;
}


.tx2 {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 13px;
font-weight:bold;
font-style: normal;
line-height: 17px;
color:#006699;
padding:10px 3px 10px 3px;
margin-left:0px;
}

.tx1-2 {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
line-height: 17px;
color: #333333;
padding:2px 5px 10px 5px;
margin-left:0px;
}


.tx3 {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
background-image:url(../images/line6.jpg);
background-repeat:repeat-y;
line-height: 17px;
font-style: normal;
padding:10px 25px 0px 25px;
}
.tx3 p {
color:#006699;
font-weight:bold;
font-size: 12px;
padding:0px 5px 0px 5px;
margin-left:0px;
margin-top:0px;
margin-bottom:2px;
}
.tx3 ul {
font-size: 12px;
color: #000000;
padding:0px 5px 0px 25px;
margin-left:0px;
margin-top:0px;
margin-bottom:2px;
}
.tx4 {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
background-color:#999999;
font-style: normal;
line-height: 17px;
font-weight:bold;
color: #ffffff;
padding:5px 5px 5px 5px;
margin-left:0px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.tx_s {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 10px;
font-style: normal;
line-height: 17px;
color: #000000;
padding:0px 0px 0px 0px;
margin-left:0px;
}
.tx5 {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
line-height: 17px;
color: #000000;
padding:7px 5px 5px 0px;
margin-left:0px;
}
.yu {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
line-height: 17px;
font-style: normal;
padding:0px 0px 0px 0px;
}
.yu p {
color: #000000;
font-size: 12px;
padding:0px 0px 0px 0px;
}
.txup {
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
line-height: 17px;
color: #000000;
padding:0px 5px 0px 15px;
margin-left:0px;

}

table.chu{
border-top:1px solid #888888;
border-left:0px solid #888888;
border-right:0px solid #888888;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
color: #000000;
margin-top:5px;
margin-bottom:5px;
}
.chu th{
border-right:0px solid #888888;
border-bottom:1px solid #888888;
padding:3px 5px 3px 5px;
font-weight:normal;
line-height:17px;
text-align:left;
}
.chu td{
border-right:1px solid #888888;
border-bottom:1px solid #888888;
padding:3px 5px 3px 5px;
line-height:17px;
}

table.line{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
color: #000000;
margin-top:0px;
padding:0px 0px 0px 0px;
margin-bottom:15px;
}

table.chu2{
border-top:0px solid #888888;
border-left:0px solid #888888;
border-right:0px solid #888888;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
color: #000000;
margin-top:0px;
margin-bottom:0px;
}
.chu2 th{
border-right:0px solid #888888;
border-bottom:1px solid #888888;
padding:0px 0px 0px 0px;
font-weight:normal;
line-height:17px;
text-align:left;
}
.chu2 td{
border-right:0px solid #888888;
border-bottom:1px solid #888888;
padding:2px 0px 2px 0px;
line-height:17px;
}

#side h2 {
font-family:Arial, Helvetica, sans-serif;
color:#2181A9;
padding-left:0px;
font-size:12px;
margin-top:5px;
margin-bottom:0px;
}
#side ul {
font-size:12px;
margin-top:5px;
line-height:18px;
padding-left:5px;
padding-top:0px;
margin-left:5px;
}

p {
font-size: 90%;
line-height: 150%;
}
p img {
float: left;
margin-right:5px;
}
#path {
text-align:right;
margin: 0px;
}

h1 a {
color:#FFFFFF;
font-weight: normal;
}

form {
font-size:90%;
}
#contents {
background-color: #FFFFFF;
margin: auto;
text-align:left;
}

/************************/

h2 a{/*リンクされた文字*/
color:#006699;
font-style:normal;
text-decoration:underline;
}
h2 a:link {/*未訪問のリンク*/
color: #006699;
font-style:normal;
text-decoration:underline;
}
h2 a:visited {/*訪問後のリンク*/
color: #006699;
text-decoration:underline;
}
h2 a:hover {/*マウスをのせたとき*/
color: #006699;
font-style:normal;
text-decoration:underline;
}
h2 a:active {/*クリック中*/
text-decoration:underline;
}

/************************/
/*--------------------------------------------------
Basic and Shared Classes
--------------------------------------------------*/

/*-------------------------
2/3 Column Layout
-------------------------*/

/*** Parent div elements ***/
div.devide2, div.devide3 {
	width:680px;
	margin:0px auto;
	text-align: left;
	margin-bottom:20px;
}
#SEIKANAVI .devide3	{margin-bottom: 10px}

/*** Children div elements ***/
.devided,
.devided-r, 
.devided-2,
.devided-2r {
	float:left;
	display:inline;
}
div.devide2 .devided { width:260px; margin-right:25px; }
div.devide2 .devided-r { width:390px; }

div.devide3 .devided { width:210px; margin-right:25px; }
div.devide3 .devided-r { width:210px; }
div.devide3 .devided-2 { width:422px; margin-right:14px; }
div.devide3 .devided-2r { width:422px; }



/*-------------------------
Classes For Adjustment
-------------------------*/

/*** Bottom Margin ***/
.mgb { margin-bottom:1em; }
div.mgb { margin-bottom:3.5em; }
h2.mgb { margin-bottom:2em; }
h3.mgb { margin-bottom:1.5em; }

/*** Vertical Margin ***/
.mgv { margin-bottom:1em; margin-top:1em; }
div.mgv { margin-bottom:3.5em; margin-top:3.5em; }
h2.mgv { margin-bottom:2em; margin-top:2em; }
h3.mgv { margin-bottom:1.5em; margin-top:1.5em; }

/*** Font Size ***/
.fss { font-size:90%; }
.fsb { font-size:110%; }

/*** Reset Margin and Padding ***/
.mg0 { margin:0px; }
.pd0 { padding:0px; }
.mp0 { margin:0px; padding:0px; }


.mgB10	{margin-bottom:10px;}
.mgB15	{margin-bottom:15px;}
.mgB20	{margin-bottom:20px;}
.mgB30	{margin-bottom:30px;}
.mgB50	{margin-bottom:50px;}
.mgL8	{margin-left:8px;}
.mgT5	{margin-top:5px;}	
.mgT15	{margin-top:15px;}	

/*** Float and Alignment ***/

.fl-l	{float:left;}
.fl-r	{float:right;}
.fl-c {clear:both;}

.al-l { text-align:left; }
.al-c { text-align:center; }
.al-r { text-align:right; }

/*--------------------------------------------------
clearfix
--------------------------------------------------*/
div.devide2:after,
div.devide3:after,
#CONTENT h2.title03:after, 
#CONTENT ul.list03:after, 
ul#NAVI-LOCAL-LIST:after, 
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.devide2,
div.devide3,
#CONTENT h2.title03,
#CONTENT ul.list03, 
ul#NAVI-LOCAL-LIST, 
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html div.devide2,
*html div.devide3,
*html #CONTENT h2.title03, 
*html #CONTENT ul.list03, 
*html ul#NAVI-LOCAL-LIST, 
*html .clearfix{
	height:1%;
}
div.devide2,
div.devide3,
#CONTENT h2.title03, 
#CONTENT ul.list03, 
ul#NAVI-LOCAL-LIST, 
.clearfix{
	display:block;
}
/* End hide from IE-mac */

/************************/
.san {
width:680px;
margin:0px auto;
text-align: left;
margin-bottom:20px;
}
.san p{
font-family: "ＭＳ Ｐゴシック", "Helvetica", "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
font-weight:normal;
line-height: 18px;
color:#333333;
padding:5px;
margin-bottom:20px;
}
.san_l, .san_r {float:left;display:inline;}
.san .san_l { width:220px; margin-right:5px; }
.san .san_r { width:220px; }

/************************/


br.clear {
clear:both;
}