/* CSS Document */
/**** Base styles ****/
@charset "utf-8";
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h4, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	list-style:none;
	line-height:160%;
	text-decoration:none;
	vertical-align: baseline; }
@media screen and (min-width:641px){
.hidden_pc{
		display: none;
	}
body {
	text-align:center;
	background:#DEF4FC;
	font-size:14px;
	color:#333;
}

#outline {
	width:950px;
	margin:0 auto;
	text-align:left;
}
.header {
	overflow: hidden;
	border-left:3px solid #39C;
	border-right:3px solid #39C;
	border-bottom:3px solid #39C;
	border-radius:0px 0px 5px 5px;	/* CSS3草案 */
    -webkit-border-radius:0px 0px 5px 5px;	/* Safari,Google Chrome用 */
    -moz-border-radius:0px 0px 5px 5px;	/* Firefox用 */
	background:#fff;
	padding:0 20px 10px;
	margin-bottom:15px;
}

h1 {
	font-size:12px;
	padding:3px 0px;
	color:#333;
}

.header_menu {
}

.header_menu ul {
	margin-top:5px;
	float:left;
}

.header_menu ul li {
	float:left;
}

.header_menu ul li a{
	border:1px solid #39C;
	border-radius:3px;	/* CSS3草案 */
    -webkit-border-radius:3px;	/* Safari,Google Chrome用 */
    -moz-border-radius:3px;	/* Firefox用 */
	display:block;
	text-align:center;
	margin:3px 5px 0px 0px;
	padding:0 6px;
	background:#fff;
}

.header_menu ul li a:hover{
	background:#09C;
	color:#FFF;
}

.main_image {
	clear:both;
	border:8px solid #39C;
	border-radius:10px;	/* CSS3草案 */
    -webkit-border-radius:10px;	/* Safari,Google Chrome用 */
    -moz-border-radius:10px;	/* Firefox用 */
	padding:15px 20px 20px;
	background:#fff;
}

.main_image img{
	width:100%;
}

.contents {
	border:3px solid #39C;
	border-radius:5px;	/* CSS3草案 */
    -webkit-border-radius:5px;	/* Safari,Google Chrome用 */
    -moz-border-radius:5px;	/* Firefox用 */
	background:#FFF;
	margin-top:15px;
}
.left_contents {
	width:73%;
	float:left;
	margin-bottom:15px;
}
.right_contents {
	width:25%;
	float:right;
	margin-bottom:15px;
}

.right_contents p a{
	display:block;
	height:84px;
	text-decoration:none;
	color:#666;
	font-weight:bold;
	line-height:140%;
}

.right_contents p a img{
	border:2px solid #39c;
	width:80px;
	display:block;
	margin:2px 10px 0px 0;
}

.right_contents p a:hover{
	color:#39c;
}

.right_contents p a:hover img{
	border:2px solid #F30;
}

.tel_banner {
	border-radius:5px;	/* CSS3草案 */
    -webkit-border-radius:5px;	/* Safari,Google Chrome用 */
    -moz-border-radius:5px;	/* Firefox用 */
	border:3px solid #39c;
	margin:15px 0;
}

.tel_banner img{
	width:100%;
}

h2 {
	border:1px solid #39C;
	border-radius:5px;	/* CSS3草案 */
    -webkit-border-radius:5px;	/* Safari,Google Chrome用 */
    -moz-border-radius:5px;	/* Firefox用 */
	background:#39C;
	color:#FFF;
	font-size:16px;
	margin:15px;
	padding:3px 10px;
	font-weight:bold;
}

h3 {
	border-bottom:2px solid#39c;
	background:url(img/title.gif) no-repeat left;
	margin:15px;
	padding-left:20px;
	padding-bottom:5px;
	font-size:26px;
	font-weight:bold;
	line-height:110%;
}

.contents p{
	margin: 10px 15px 15px;
}


.contents p img{
	max-width:100%;
}

.l_box {
	float:left;
	width:26%;
	font-weight:bold;
	margin-left:15px;
	margin-bottom:15px;
}

.l_box2 {
	float:left;
	width:32%;
	font-weight:bold;
	margin-left:15px;
	margin-bottom:15px;
}

.contents form {
	margin:0 15px 15px;
}


.contents form table {
	border:1px solid #ccc;
	width:100%;
	padding:5px;
	font-size:12px;
}
	

.contents table{
	margin:0 15px 15px;
	font-size:13px;
}
.contents table th{
	text-align:center;
	background:#efefef;
}

.contents table th,.contents table td{
	border:1px solid #ccc;
	padding:3px 8px;
	vertical-align:middle;
}

.arrow {
	background:url(img/arrow.jpg) no-repeat center center;
	width:50px;
}
.contents table span{
	color:#F00;
	font-weight:bold;
	display:block;
	font-size:18px;
}
	
.contents table b{
	font-size:12px;
	font-weight:bold;
}
	

.contents form table {
	text-align:left;
	margin:0;
}
	
.contents form table tr {
	background:#efefef;
	padding:5px;
	width:98%;
}
	
.contents form table tr td{
	background:#FFF;
	padding:5px 8px;
}
	
.contents form table tr th{
	background-color:#efefef;
	padding:5px 8px;
	width:100px;
	vertical-align:middle;
}


.footer {
	border-left:3px solid #39C;
	border-right:3px solid #39C;
	border-top:3px solid #39C;
	border-radius:5px 5px 0px 0px;	/* CSS3草案 */
    -webkit-border-radius:5px 5px 0px 0px;	/* Safari,Google Chrome用 */
    -moz-border-radius:5px 5px 0px 0px;	/* Firefox用 */
	background:#fff;
	padding:10px 20px;
	clear:both;
	text-align:center;
}

.footer_menu {
}

.footer_menu ul {
	margin-top:5px;
	margin-bottom:5px;
	border-left:1px solid #999;
	display:inline-block;
	font-size:13px;
}

.footer_menu ul li {
	display:inline-block;
	border-right:1px solid #999;
}

.footer_menu ul li a{
	display:block;
	text-align:center;
	margin:0px 10px;
	padding:0 3px;
	background:#fff;
}

.footer_menu ul li a:hover{
	background:#09C;
	color:#FFF;
}

center {
	font-size:18px;
	font-weight:bold;
	color:#F00;
}


.rank_title {
	margin:15px;
	font-size:28px;
	font-weight:bold;
	border-bottom:3px solid #39C;
}

.rank_title span{
	font-size:33px;
}

.red {
	color:#f00;
	font-weight:bold;
}

.blue {
	color:#39C;
}

.violet {
	color:#90F;
}

.kakunin {
	border:3px solid #39c;
	padding:10px;
	margin:15px auto;
	display:block;
}

.kaisya {
	margin-left:15px;
	margin-bottom:15px;
}

.naiyou {
	background:#efefef;
	font-size:16px;
	font-weight:bold;
}

.navi01 a,
.navi02 a,
.navi03 a,
.navi04 a{
	background:url(img/navi01.jpg) no-repeat;
	border:3px solid #39C;
	border-radius:5px;	/* CSS3草案 */
    -webkit-border-radius:5px;	/* Safari,Google Chrome用 */
    -moz-border-radius:5px;	/* Firefox用 */
	display:block;
	margin-top:15px;
}

.navi01 a img,
.navi02 a img,
.navi03 a img,
.navi04 a img{
	width:100%;
}
	
.img_right {
	float:right;
	width:30%;
	margin:0 15px 15px;
}#panlist {
	padding-bottom: 13px;
	padding-left: 10px;
}
#panlist span {
	margin-right: 5px;
}
#panlist span a {
	text-decoration: none;
	font-weight: bold;
}


/*-----tokusho-----*/
.table01{
width:688px; height:1140px;

}


.table01 tr{
width:688px; height:35px;
margin-left: 10px;
border: solid 1px;
border-color: #cdcab9;
}

.table01 th{
width:150px; height:35px;
background-color: #FEE9D6 ;
margin-left: 10px;
border: solid 1px;
border-color: #cdcab9;
text-align: center;
vertical-align: middle;
}

.table01 td{
width:538px; height:35px;}
}
/*transaction*/
#transaction_table {
    width: 96%;
    font-size: inherit;
    font: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.transactionbg {
    background-color: #CCC;
	min-width: 50px;
}
#transaction_table tr td {
   padding: 15px 0 15px 10px;
    font-size: 80%;
    border: solid 1px #eee;
    width:auto;
    text-align: left;
    color:black;
    font-weight: normal;
    display: revert;
    float:none;
}
.contenttable{
     background-color: white;
}
.responsive{
	width: 100%;
		
}