@charset "UTF-8";
/* CSS Document */

body{margin:0; padding:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px;}
img {border:none; vertical-align:bottom;}

#frame,
#wrapper{width:760px; margin:0 auto;}
#header { background:#0764F0;}
#navigation {margin-top:54px;height:47px; line-height:0;padding-left:410px; border-top:1px solid #fff; background:#0D3FBF url(img/logo_bg.jpg) no-repeat;}
#contents {clear:both;}
#footer {background:#0764F0; height:55px; text-align:center; padding-top:10px; font-family:"Century Gothic"; font-weight:bold; color:#fff; font-size:11px;}

/* */
h1{ margin:0; padding:3px 2px; color:#0764F0; font-size:12px; background:#fff;}
h2 { margin:5px auto; padding:0; width:740px; height:60px; background:url(img/h2.jpg) no-repeat; text-indent:-9999px;}
h2.mn2 {background-position:0 -60px;}
h2.mn3 {background-position:0 -120px;}
h2.mn4 {background-position:0 -180px;}

h3 { margin:0; padding:0; font-size:16px; padding-left:28px; height:24px; line-height:24px; background:url(img/h3.png) no-repeat; color:#006;}

strong { border-bottom:1px dotted #f00; font-style:normal; line-height:140%; color:#f40; font-size:160%;}
em { border-bottom:1px dotted #00f; font-style:normal; line-height:150%; font-size:120%;}
i { border-bottom:1px dotted #f00; font-style:normal; line-height:140%; color:#f40; font-size:120%; font-weight:bold;}

#navigation ul {margin:0; padding:0;}
#navigation li {margin:0; padding:0; list-style-type:none; float:left;}


#contents .contTopLeft {height:495px; width:340px; float:left; background:url(img/topleft_bg.jpg) no-repeat; padding:45px 15px 0 25px;font-size:14px}

#contents .contTopLeft p {margin:0; padding:0; line-height:140%; font-size:14px; letter-spacing:-1px;}

#contents .contTopRight {width:380px; float:right;}

#contents .topRightUpper {height:315px;background:url(img/toprright1_bg.jpg) no-repeat;}
#contents .topRightUpper .tbl { margin:0;padding:230px 10px 0 36px; line-height:110%; font-size:12px;}
#contents .topRightUpper .tbl th {padding:2px 7px 2px 0; text-align:right; font-weight:normal;}

#contents .topRightLower {height:225px;background:url(img/topright2_bg.jpg) no-repeat;}
#contents .topRightLower p { margin:0; padding:40px 220px 0 22px; font-size:12px;}

#contents .otherContents { padding:10px;}

/**/


#photoView { margin:0 auto; width:624px;}
#photoView blockquote {margin:0; padding:0 0 0 10px; display:block; line-height:120%;}
#photoView h4 {margin:0; padding:0 0 5px 0; font-size:14px; color:#060;}
#photoView p { margin:0; padding:5px 0 8px 10px; line-height:130%;}
#photoView img {padding:2px; border:1px solid #666;}
#photoView .viewBox { padding-top:9px;background:url(img/vbox_t.png) no-repeat; font-family:sans-serif;}
#photoView .viewBox .mainBox {  padding:5px 0 0;background:url(img/vbox_m.png) repeat-y;}
#photoView .viewBox .text { margin-left:5px; width:384px; float:left; padding-right:10px;}
#photoView .viewBox .photo { margin-left:0px; width:200px; float:left}
#photoView .viewBox .floatClear { clear:both; line-height:1px;}
#photoView .viewBox .boxClose { clear:both; background:url(img/vbox_b.png) no-repeat;margin-bottom:15px; line-height:13px;}


#photoView2 { margin:0 auto; width:674px;}
#photoView2 blockquote {margin:0; padding:0 0 0 10px; display:block; line-height:120%;}
#photoView2 p { margin:0; padding:5px 0 8px 10px; line-height:130%;}

#photoView2 .viewBox { padding-top:9px;background:url(img/vbox2_t.png) no-repeat; font-family:sans-serif;}
#photoView2 .viewBox .mainBox { a19padding:5px 0 0;background:url(img/vbox2_m.png) repeat-y;}
#photoView2 .viewBox .text { margin-left:10px; width:448px; float:left; padding-right:10px;}
#photoView2 .viewBox .text2 { margin-left:10px; width:261px; float:left; padding-right:10px;}
#photoView2 .viewBox .photo { margin-left:0px; width:184px; float:left}
#photoView2 .viewBox .photo2 { margin-left:0px; width:374px; float:left}
#photoView2 .viewBox  img { margin-left:1px; border:1px solid #666; padding:2px;}
#photoView2 .viewBox .floatClear { clear:both; line-height:1px;}
#photoView2 .viewBox .boxClose { clear:both; background:url(img/vbox2_b.png) no-repeat;margin-bottom:15px; line-height:13px;}

#photoView .viewBox .mainBox2 {  padding:5px 5px 0;background:url(img/vbox_m.png) repeat-y;}
#photoView .viewBox .mainBox2 blockquote { margin:0 0 10px 10px; line-height:140%!important; color:#030;}
#photoView .viewBox .mainBox2 h4 {margin:8px 5px 15px; padding:0;}
#flowChart { margin:0 30px 10px; font-size:14px;}
#flowChart ol { margin:0; padding:0; list-style-type:none;}
#flowChart ol li {display:block; margin:4px 0; padding:6px;
border-top: 2px solid #00f;
border-left: 2px solid #00f;
border-right: 2px solid #006;
border-bottom: 2px solid #006;
background-color:#0066CC;
color:#fff;
}
#flowChart img {border:none;}
#flowChart ol li.arrow { border:none; background-color:transparent; text-align:center; margin:0; padding:0;}
#flowChart blockquote { color:#663300; padding:2px 5px!important;}

#diag {}
#diag .diagLeft{ width:390px; float:left;}
#diag .diagright{ width:350px; float:right;}

/**/
.tbl1 {padding:0 40px 10px 35px;}
.tbl1 thead th { background-color:#fff; vertical-align:middle; padding:6px;}
.tbl1 thead td { background-color:#FF9900; text-align:center; padding:6px;vertical-align:middle; padding:3px; color:#fff; font-weight:bold;}
.tbl1 tbody th { background-color:#ffc;vertical-align:middle; padding:6px;}
.tbl1 tbody td { background-color:#CCFFFF; text-align:center; padding:6px;vertical-align:middle; padding:3px;}

.swf {height:240px;}
.notice {color:#555; font-size:11px;}
.bottomClose {clear:both; height:3px; background:#043C8F; line-height:3px; font-size:3px;}

big {font-size:14px;}

