/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style: inherit;
vertical-align: baseline;
}
a{
text-decoration:none;
}
a:hover{
color:#003880;
}
a:visited{
color:#003880;
}
h1 {
font-size: 26px;
border-bottom: 1px solid #c9c9c9;
box-shadow: 0px 1px 0px #f6f6f6;
padding-bottom: 10px;
margin-bottom: 30px;
color: #003880;
margin:10px 0 0 0;
}
body {
color:#666;
font:12px/18px 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ƒqƒ‰ƒMƒmŠpƒS ProN W3',Meiryo, ƒƒCƒŠƒI, sans-serif;
position:relative;
background-color: #ffffff;
font-size:18px;
}
#container{
width: 900px;
height: auto;
text-align: left;
margin: 0px auto;
}
#header{
margin-top:10px;
height:160px;
display:block;
}
#header .h_right{
float:right;
color:#000000;
width:450px;
margin-bottom:15px;
}
#header .h_right .h_r_l{
float:left;
width:450px;
}
#header .h_right .h_r_l .h_right_tel{
float:left;
padding:10px 0 0 10px;
font-size:180%;
width:450px;
}
#header .h_right .h_r_l .h_right_memo{
padding:10px 0 0 10px;
font-size:80%;
clear:both;
width:220px;
}
#header .h_right .h_right_mail{
float:right;
width:123px;
height:44px;
display:block;
font-weight:bold;
border-radius: 6px;
padding:5px 5px 0px 0px;
}
#header .h_right .h_right_mail a:hover img{
padding:2px 2px 0px 0px;
}
#header .h_left{
margin-top:10px;
width:450px;
float:left;
color:#003880;font-family:"ƒqƒ‰ƒMƒm–¾’© ProN W6","HiraMinProN-W6","HG–¾’©E","‚l‚r ‚o–¾’©","MS PMincho","MS –¾’©",serif;
}
#header .h_left a {
color:#000902;
}
#header .h_left a:hover{
color:#787B80;
}
.s_area a:hover img{
filter: alpha(opacity=80);
opacity: 0.8;
}
#header .h_left .h_titlememo{
float:left;
font-weight:bold;
font-size:80%;
margin-bottom:5px;line-height: 40px;
}
#header .h_left .h_title{
clear:both;
font-size:210%;
font-weight:bold;
}
#header .h_left .h_title_down{
clear:both;
}
ul{
width:100%;
clear:both;
list-style-type: disc;
padding-top:1px;
background:url('/img/menubk1x.gif');
}
ul li{
float:left;
list-style-type:none;
}
#header ul li{
margin-right:10px;
}
#header ul li,#header ul li a {
color:#000000;
font-weight:bold;
text-align:center;
width: 170px;
height:50px;
display:block;
text-decoration:none;
background: #FF8B00;
border-radius:10px;
line-height:25px;vertical-align: middle;
}
#header ul .ktli{
line-height:20px;
}
#header ul li a{
padding-top:10px;
}
#header ul li a:hover{
background:#9FE29F;
}
#header ul li a:hover span{
color:#ff2222;
}
/*footer*/
#footer{
clear:both;
margin-bottom:30px;
}
#footer ul {
margin-left:30px;
padding-top:40px;
}
#footer ul li{
text-align:center;
padding-left:20px;
font-size:80%;
}
#footer ul li a{
}
/*content*/
#content{
display:block;
}
#content .conmain{
width: 900px;
height: auto;
text-align: left;
margin: 0px auto;
display:table;
}
.uepc{
}
/*deepfoot*/
#deepfoot{
clear:both;
background:url('/images/pc/footer_bg_x.gif') repeat-x;
height:100px;
width:100%;
display:block;
}
#deepfoot .f_sitetitle{
float:right;
padding-right:200px;
color:#003880;
padding-top:20px;
font-size:150%;
font-weight:bold;
}
#deepfoot .f_copyright{
clear:both;
float:right;
padding-right:200px;
padding-top:10px;
color:#003880;
font-size:80%;
}
/*sidebar*/
#sidebar{
font-size:80%;
float:left;
width:301px;
background: #EEEEEE;
}
.s_area{
background: #FFFFFF;
padding: 12px;
margin: 10px;
display:inline-block;
}
.s_area .qrcode{
width:140px;
float:left;
height:140px;
}
.s_area .qrmemo{
width:110px;
float:right;
}
.s_block a:hover img{
filter: alpha(opacity=80);
opacity: 0.8;
}
#con_right{
width:900px;
background: #FFFFFF;
padding:10px 0 10px 0;
}
.conrightwrap{
background: #FFFFFF;
display:inline-table;
margin-top: 5px;
}
#con_right table{
margin-top:10px;
border: 1px solid #dddddd;
width: 900px;
}
#con_right table tr{
height: 60px;
width:50%;
}
#con_right table th{
vertical-align: middle;
font-weight: bold;
color: #000000;
font-size:130%;
text-shadow: 1px 1px 0 #000000;
border-top: 5px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 0 5px 0 10px;
width:50%;
}
#con_right table td
{
border-bottom: 1px solid #dddddd;
vertical-align: middle;
font-weight: bold;
border-left: 1px dotted #888888;
padding: 5px 5px 5px 10px;
line-height: 1.4;
}
#con_right table td span{
color: #F60034;
font-weight: bold;
}
.flowtitle{
color: #025D81;
border-left: 8px solid #2AC970;
font-size: 150%;
line-height: 50px;
margin:20px 0 10px 0;
padding:3px 0 3px 5px;
}.flowtitle span{
padding-left:20px;
font-size:80%;
color:#004BEB;
}
.flowtitle .va{
padding-left:20px;
font-size:80%;
color:#004BEB;
}
/* Gallery Thumbs */
.thumbs {
position: relative;
margin-top:10px;
margin-left:-50px;
}
.thumbs img {
display: block;
}
.thumbs ul {
list-style:none;
padding:0;
}
.thumbs ul li {
list-style:none;
padding:0;
display: inline;
float: left;
position: relative;
margin:0 0 40px 50px;
width: 570px;
list-style:none;
overflow:hidden;
}
.thumbs li {
border: 1px solid #736357;
}
.thumbs li:hover {
border: 1px solid #51AFD5;
}
.thumbs a span {
background: #FDFDFD;
opacity:0.7;
filter:alpha(opacity=70);
bottom: 0;
color: #362f2d;
display: block;
font-size: 10pt;
left: 0;
line-height: 20px;
position: absolute;
width: 100%;
text-shadow: 0px 1px 0px #ffffff;
}
.thumbs a span:hover {
opacity:1;
filter:alpha(opacity=100);
}
.thumbs span .title, .thumbs span .desc, .thumbs span .date, .thumbs span a {
padding:0 10px 0 10px;
}
.thumbs span .title {
font-size:16px;
padding-top:10px;
color:rgb(255, 8, 37);
}
.thumbs span .date {
font-size:10px;
color:#0072bc;
float:right;
}
#attpan{
padding:10px 10px 10px 10px;
}
#attpan p{
margin-bottom:10px;
line-height:17px;
font-size:12px;
}
#attpan .title,#attpan p span{
color:#C42222;
font-size:12px;
}
#attpan .title{
margin-bottom:5px;
}
p.subtitle {
margin:10px 0 0 0;
font-size:14px;
font-weight:bold;
}
#attpan .ques span{
color:#661111;
margin-right:10px;
font-weight:bold;
}
#attpan .ques{
color:#111111;
font-weight:bold;
margin-bottom:10px;
}
#attpan .ans{
color:#223344;
line-height:35px;border-bottom: 1px dotted #491D4B;
}
#attpan .ans span{
color:#0327FC;
margin-right:10px;
margin-left:10px;
font-weight:bold;
}
p {
margin-bottom: 10px;
color: rgb(82, 80, 80);
font-size: 15px;
line-height: 30px;
}
#contact_us {
margin: 25px 25px 25px 25px;
padding: 30px 10px 30px 20px;
border-style: ridge;
border-radius: 5px;
border: solid 1px #534741;
background: #FFFFFF;
}
#contact_us input, #contact_us textarea {
width: 370px;
margin-bottom: 15px;
padding:8px 4px;
}
#contact_us .kg{
width: 120px;
}
#contact_us input.button {
background:-moz-linear-gradient(0% 100% 90deg, #494741, #726256 100%);
border-radius:5px;
border:solid 1px #534741;
color:#EAEAEA;
cursor:pointer !important;
display:block;
clear:both;
margin:0 0 2px 200px;
position:relative;
right:0;
text-decoration:none;
text-shadow:1px 1px 0 #000000;
top:0;
width:140px;
height:40px;
background-color: #27FF2F;
box-shadow:none;
}
#contact_us input.button:hover{
filter: alpha(opacity=80);
opacity: 0.8;
}
.app a:hover img {
filter: alpha(opacity=80);
opacity: 0.8;
}
p span{
color:#F80606;
font-size:18px;
}
.attend{
clear:both;
font-weight:bold;
margin:15px 0 0 5px;
font-size:90%;
color:#003880;
padding-top:15px;
}
.attend span{
color:#ff1111;
}
.topintro{
background:#FF8B00;
height:20px;
}
.topintro .inner{
width: 900px;
margin: 0 auto;
font-size:80%;
}
#header ul{
height:50px;
clear:both;
}
#ultitle li{
clear:both;
margin:10px;width: 100%;
border-bottom:2px solid #22dd33;
font-size:120%;
font-weight:bold;
color:#000000;
padding-bottom:10px;
}
.conmain{
clear:both;padding-top: 20px;
}
#gifttable{
height:200px;
overflow: hidden;
}
#gifttable li{
clear:both;
margin:10px;width: 100%;
border-bottom:1px dotted #22dd33;
padding-bottom:10px;
}
#gifttable li span,#ultitle li span{
width:50%;
display: inline-block;
}
.uepc img{
width:900px;
}
.downapp,.downapp a{
line-height:28px;
font-size:150%;
text-align:center;
font-weight:bold;
}
.downapp a{
border-bottom:3px dotted #80CE99;
}
.downapp a:hover{
filter: alpha(opacity=80);
opacity: 0.8;
}