@charset"utf-8";

/* FileName: base.css */

/* body */
body{font-size:77%; line-height:160%; background:#fff; background:#333;}

#bg{background:#fff;}

a{color:#369;}
a:hover{color:#69c;}
a:visited{color:#366;}

#page_top{position:fixed; float:right; bottom:20px; right:0;}
#page_top a{background-color:rgba(60,60,60,0.8); text-decoration:none; color:#fff; width:100px; padding:10px 0; text-align:center; display:block; border-radius:5px 0 0 5px / 5px 0 0 5px;}
#page_top a:hover{text-decoration:none; background-color:rgba(120,120,120,0.8);}

#main{height:700px; background-image:url(../img/bg_top.jpg); background-position:center center; -moz-background-size:cover; background-size:cover;}

#main h1{width:950px; margin:15px auto 10px; padding:0;}
#main h1 img{display:block;}
#main h2{width:950px; margin:200px auto 0; padding:0;} 

#main2{background-image:url(../img/bg_top2.jpg); background-position:top center; -moz-background-size:contain; background-size:contain; background-repeat:no-repeat; background-color:#eee; min-width:1000px;}
#main2 h1{width:950px; margin:15px auto 10px; padding:0;}
#main2 h1 img{display:block;}
#main2 > p{display:block; width:950px; margin:10px auto 0px; padding:0 0 10px; border-bottom:#79b solid 1px;}
#main2 > p em{font-weight:bold;}
#main2 h2{width:900px; margin:0 auto 0; padding:30px 25px 0; color:#fff; font-size:250%; font-weight:bold; text-shadow: #666666 1px 1px 2px; line-height:100%; border-top:#def solid 1px;} 

#navi{background-color:rgba(0,0,0,0.8); height:40px; padding:10px 0 0;}
#navi ul{width:950px; margin:auto; height:30px; border-left:#999 solid 1px;}
#navi li{float:left; border-right:#999 solid 1px; height:30px; margin:0;}
#navi a{width:189px; height:50px; line-height:50px; text-align:center; display:block; color:#fff; margin:-10px 0 0; text-decoration:none;}
#navi a:hover{background-color:rgba(100,100,100,0.8); text-decoration:none;}
#navi em{width:189px; height:50px; line-height:50px; text-align:center; display:block; color:#fff; margin:-10px 0 0; background-color:rgba(100,100,100,0.5); font-weight:bold;}


#link{width:960px; margin:25px auto 15px;}
#link li{float:left; margin:0 10px 10px 0; border:#ccc 1px solid;}
#link .btnright{float:right;}

#link li img{display:block;}

#link li a{border:#fff 1px solid; display:block;}
#link li a:hover{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


#con{width:900px; margin:30px auto; background-color:rgba(255,255,255,0.80); padding:25px;}
#con h3{font-size:180%; font-weight:bold; margin:0 0 0 -40px; padding:14px 30px 10px; border-radius:0 5px 5px 0/0 5px 5px 0; box-shadow: #555 1px 1px 4px; color:#fff; line-height:100%; position: relative; z-index: 1; text-shadow: #666 -1px -1px 0px;}
#con #ttl001{background: #ffaa00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaa00 0%, #ee8800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaa00), color-stop(100%,#ee8800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffaa00 0%,#ee8800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffaa00 0%,#ee8800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffaa00 0%,#ee8800 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffaa00 0%,#ee8800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#ee8800',GradientType=0 ); /* IE6-9 */}
#con #ttl002{background: #ff3333; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3333 0%, #dd0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3333), color-stop(100%,#dd0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3333 0%,#dd0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3333 0%,#dd0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3333 0%,#dd0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3333 0%,#dd0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#dd0000',GradientType=0 ); /* IE6-9 */}
#con #ttl003{background: #aacc33; /* Old browsers */
background: -moz-linear-gradient(top,  #aacc33 0%, #889900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aacc33), color-stop(100%,#889900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aacc33 0%,#889900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aacc33 0%,#889900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aacc33 0%,#889900 100%); /* IE10+ */
background: linear-gradient(to bottom,  #aacc33 0%,#889900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aacc33', endColorstr='#889900',GradientType=0 ); /* IE6-9 */}
#con #ttl004{background: #6699cc; /* Old browsers */
background: -moz-linear-gradient(top,  #6699cc 0%, #4477aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699cc), color-stop(100%,#4477aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6699cc 0%,#4477aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6699cc 0%,#4477aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6699cc 0%,#4477aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6699cc 0%,#4477aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699cc', endColorstr='#4477aa',GradientType=0 ); /* IE6-9 */}
#con #ttl005{background: #993399; /* Old browsers */
background: -moz-linear-gradient(top,  #993399 1%, #772277 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#993399), color-stop(100%,#772277)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #993399 1%,#772277 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #993399 1%,#772277 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #993399 1%,#772277 100%); /* IE10+ */
background: linear-gradient(to bottom,  #993399 1%,#772277 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993399', endColorstr='#772277',GradientType=0 ); /* IE6-9 */}
#con #ttl006{background: #999999; /* Old browsers */
background: -moz-linear-gradient(top,  #999999 0%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #999999 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #999999 0%,#777777 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #999999 0%,#777777 100%); /* IE10+ */
background: linear-gradient(to bottom,  #999999 0%,#777777 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 */}

#con .triangle-l{height:0px; width:0px; position: relative; z-index:0; margin:-15px 0 10px -55px; border-style:solid; border-width:15px;} 
#con .sh001{border-color: transparent #630 transparent transparent;} 
#con .sh002{border-color: transparent #600 transparent transparent;} 
#con .sh003{border-color: transparent #240 transparent transparent;} 
#con .sh004{border-color: transparent #036 transparent transparent;} 
#con .sh005{border-color: transparent #303 transparent transparent;} 
#con .sh006{border-color: transparent #333 transparent transparent;} 

#con p{padding:0 25px 25px;}

#con .box001{background:#fed; padding:25px; margin:0 0 25px;}
#con .box001 > h4{font-size:140%; font-weight:bold; margin:0 0 10px; color:#c60;}
#con .box001 li{list-style:disc; margin:0 0 0 20px;}
#con .box0011{background:#fed; padding:20px 25px; margin:0 0 15px;}
#con .box0011 > h4{font-size:140%; font-weight:bold; margin:0 0 5px; color:#c60;}
#con .box0011 p{padding:0; margin:0;} 
#con .box0012{border:#c60 solid 2px; padding:20px 25px; margin:25px 0 15px;}
#con .box0012 > h5{font-size:120%; font-weight:bold; margin:0 0 10px; color:#c60;}
#con .box0012 > div{background:#fed; padding:20px;}
#con .box0012 > div h5{font-size:120%; font-weight:bold; margin:0 0 10px;}

#con .box0021{background:#fdd; padding:25px; margin:0 0 25px;}
#con .box0021 > h4{font-size:140%; font-weight:bold; margin:0 0 5px; color:#c33;}
#con .box0021 li{list-style:disc; margin:0 0 0 20px;}
#con .box0021 p{padding:0; margin:0;} 
#con .box0022{border:#f33 solid 2px; padding:20px 25px; margin:25px 0 15px;}
#con .box0022 > h5{font-size:120%; font-weight:bold; margin:0 0 10px; color:#c33;}
#con .box0022 > div{background:#fee; padding:20px;}
#con .box0022 > div h5{font-size:120%; font-weight:bold; margin:0 0 10px;}

#con .box003{background:#dec; padding:20px 25px; margin:0 0 15px;}
#con .box003 li{margin:0 0 0 20px; list-style:disc;}

#con .box005{background:#edf; padding:20px 25px; margin:0 0 15px;}
#con .box005 h4{font-size:200%; font-weight:bold; color:#c9c; margin:0 0 15px 0;}
#con .box005 dt{color:#606; font-weight:bold; margin:10px 0 0;}

#con .box006{background:#ddd; padding:25px;}
#con .box006 strong{ font-size:120%; font-weight:bold; color:#666; display:block; margin:0 0 15px;}

#con ul + h3{margin:45px 0 0 -40px!important;}
#con table + h3{margin:45px 0 0 -40px!important;}

#con .glist{margin:0 0 0 -15px;}
#con .glist img{margin:0 0 15px 15px; display:block; float:left;}

#con > span{color:#c00; font-weight:bold;}
#con th span{padding:0 0 0 10px; color:#c00; font-weight:bold;}
#con td span{padding:0 0 0 10px;}

#con #confirm{text-align:center; margin:20px 0 0;}
#con #confirm p{margin:0; padding:0 0 10px;}
#con #confirm input{display:block; width:350px; height:60px; line-height:60px; text-align:center; color:#fff; font-weight:bold; font-size:150%; border-radius:10px; border-style: none; margin:auto; box-shadow: #555 1px 1px 4px;  text-shadow: #333 1px 1px 1px; background: #999999; /* Old browsers */
background: -moz-linear-gradient(top,  #999999 0%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #999999 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #999999 0%,#777777 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #999999 0%,#777777 100%); /* IE10+ */
background: linear-gradient(to bottom,  #999999 0%,#777777 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 */}
#con #confirm input:hover{background: #ffaa00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffaa00 0%, #ee8800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaa00), color-stop(100%,#ee8800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffaa00 0%,#ee8800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffaa00 0%,#ee8800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffaa00 0%,#ee8800 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffaa00 0%,#ee8800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#ee8800',GradientType=0 ); /* IE6-9 */ text-decoration:none;}

#con #tank strong{ font-size:200%; font-weight:bold; padding:25px; display:block; color:#666;}

#footer{height:80px; color:#fff;}
#footer > div{width:950px; margin:auto; padding:20px 0;}
#footer > div a{float:left; color:#fff; text-decoration:none;}
#footer > div a:hover{color:#ccc; text-decoration:none;}
#footer > div p{float:right;}


/* jquery テーブルの偶数指定 */
#con table{border:#999 solid 3px; width:100%;}
#con th, #con td{border:#999 solid 1px; padding:10px; vertical-align: middle;}
#con th{background:#ddd;}
#con .even th{background:#ccc;}
#con td{background:#fff;}
#con .even td{background:#eee;}

#con table b{font-weight: bold; font-size: 120%;}
#con table li{list-style:disc; margin:0 0 0 20px;}


/* For modern browsers */
.cf:before, .cf:after {content:""; display:table;}

.cf:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}