/*----------基本系の表示形式----------*/
*{
	color: #000000;
	font-family: "メイリオ", Meiryo, sans-serif;
}

html,body{
	font-size: 16px;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}

html{
	/*スクロールバー表示*/
	overflow-y: scroll;
	
	/*フッター下用*/
	position: relative;/*フッターの位置設定*/
	min-height: 100%;/*最低値を100％で伸びる*/
    height: auto !important;/*ie6用*/
	height: 100%;
}

body{

}

a:link { color: #6699ff; }
a:visited { color: #660066; }
a:hover { color: #66ccff; }
a:active { color: #ff8000; }

/*----------クリアフィックス----------*/
.clearfix::after{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*----------body内----------*/

/*----------ヘッダーー----------*/
/*-----外枠-----*/
#header{
	width: 100%;
}
/*-----内枠-----*/
#header .inner{
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#header .inner img{
	border: none;
}

/***** パソコン用 *****/
/*975px*/
@media only screen and (min-width: 975px){
/*サイズ*/

/*----------ヘッダーー----------*/
	#header .inner{
		width: 970px;
	}

}

/*IE8以下*/
/*----------ヘッダーー----------*/
	.ie8 #header .inner{
		width: 970px;
	}
	
/*----------メインコンテンツ----------*/
/*-----外枠-----*/
#main{
	margin: 0 auto;
	width: 100%;
	/*フッターとの隙間*/
	/*margin-bottom: 75px;*/
	margin-bottom: 120px;
}
/*-----本文-----*/
#main .article{
	padding: 5px 5px;
}

/*メイン枠の画像*/
#main .img{
	width: 320px;
	height: 180px;
	text-align:center;
	border-style: none;
}
/*650pxより大きい場合のサイズ*/
#main .img_auto{
	width: 320px;
	height: 180px;
	text-align:center;
	border-style: none;
}

/*-----ナビゲーション-----*/
#main .nav{
	margin: 0;
	padding: 5px 0;
}

#main .nav ul{
	border: dotted 2px #666666;
	border-bottom: none;
	margin: 0 0 10px 0;
	padding: 0; 
	list-style-type: none;
	background-color: #ffffff;
	box-shadow: 5px 5px #cccccc;
}
#main .nav ul li{
	/*border-left: dotted 2px #c8c4b7;
	border-right: dotted 2px #c8c4b7;*/
	border-bottom: dotted 2px #666666;
}
#main .nav ul li a{
	display: block;
	color: #6699ff;
	font-weight: bold;
	padding: 20px 5px;
	text-decoration: none;
}
#main .nav ul li a:hover{
	color: #66ccff;
	background-color: #eeeeee;
}
#main .nav ul li:hover{

}

/*ユニット*/
.unit{
	text-align: center;
	margin: 10px 0;
}

/*メイン枠の画像*/
#main .img{
	width: 320px;
	height: 180px;
	text-align:center;
	border-style: none;
}
/*650pxより大きい場合のサイズ*/
#main .img_auto{
	width: 320px;
	height: 180px;
	text-align:center;
	border-style: none;
}

/***** パソコン用 *****/
/*975px*/
@media only screen and (min-width: 975px){
/*サイズ*/

	
/*-----本文-----*/
	#main{
		width: 970px;
	}
	#main .article{
		margin: 0;
		/*width: 654px;*/
		width: 650px;
		float: right;
	}
	#main .nav{
		margin: 0;
		width: 302px;
		float: left;
	}

/*メイン枠の画像*/
	#main .img{
		width: auto;
		height: auto;
	}
	/*650pxより大きい場合のサイズ*/
	#main .img_auto{
		width: 650px;
		height: 370px;
	}

}

/*IE8以下*/
/*-----本文-----*/
	.ie8 #main{
		width: 970px;
	}
	.ie8 #main .article{
		margin: 0;
		/*width: 654px;*/
		width: 650px;
		float: right;
	}
	.ie8 #main .nav{
		margin: 0;
		width: 302px;
		float: left;
	}
	
/*メイン枠の画像*/
	.ie8, #main .img{
		width: auto;
		height: auto;
	}
	/*650pxより大きい場合のサイズ*/
	.ie8 #main .img_auto{
		width: 650px;
		height: 370px;
	}

/*----------フッター----------*/
/*-----外枠-----*/
#footer{
    width: 100%;
	
	/*フッター下用*/
	position: absolute;/*絶対配置*/
	bottom: 0; /*下配置*/
}
/*-----内枠-----*/
#footer .inner{
	width: 100%;
	margin: 0 auto;
}

/*-----ナビ-----*/
#footer .footer-nav{
	display: none;
	text-align:center;
	list-style-type: none;
	font-weight: bold;
}
#footer .footer-nav li{
    display: inline;
	display: inline-block;
}
#footer .footer-nav li a{
	color: #6699ff;
}	
#footer .footer-nav li a:hover{
	color: #66ccff;
}	

/*-----著作権表示-----*/
#footer .inner .copyright{
	margin: 10px auto 20px;
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-weight:bold;
}


/***** パソコン用 *****/
/*975px*/
@media only screen and (min-width: 975px){
/*サイズ*/


/*----------フッター----------*/
	#footer .inner{
		width: 970px;
	}
	/*ナビ表示*/
	#footer .footer-nav{
		display: block;
	}

}

/*IE8以下*/
/*----------フッター----------*/
/*IE8以下表示しない*/
	.ie8  #footer {
		display: none;
	}

/*****/
/*装飾*/
/*****/
/*----------色----------*/
/*基本の色*/
.color-basic-symbol{
	background-color: #99ccff;
}

.color-basic-main{
	background-color: #eeeeee;
}

.gradient-basic-top{
	background-color: #99ccff;

	/* グラデーション */
	/* webkit系 */
	background: -webkit-gradient(linear,left top,left bottom, from(#99ccff), to(#ffffff));
	/* Mozilla系 */
	background: -moz-linear-gradient(top,#99ccff,#ffffff);
	/* IE5.5-7 */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ccff', endColorstr='#ffffff', GradientType=0);*/
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ccff', endColorstr='#ffffff', GradientType=0)";
	/* IE10 */
	background: -ms-linear-gradient(top,#99ccff,#ffffff);
}

.gradient-basic-bottom{
	background-color: #99ccff;

	/* グラデーション */
	/* webkit系 */
	background: -webkit-gradient(linear,left bottom,left top from(#99ccff), to(#ffffff));
	/* Mozilla系 */ 
	background: -moz-linear-gradient(bottom,#99ccff,#ffffff);
	/* IE5.5-7 */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ccff', GradientType=0);*/
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#99ccff', GradientType=0)";
	/* IE10 */  
	background: -ms-linear-gradient(bottom,#99ccff,#ffffff);
}

.gradient-basic-heading{
	background-color: #99ccff;

	/* グラデーション */
	/* webkit系 */
	background: -webkit-gradient(linear,left top,right bottom, from(#99ccff), to(#ffffff));
	/* Mozilla系 */
	background: -moz-linear-gradient(left,#99ccff,#ffffff);
	/* IE5.5-7 */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ccff', endColorstr='#ffffff', GradientType=1);*/
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ccff', endColorstr='#ffffff', GradientType=1)";
	/* IE10 */
	background: -ms-linear-gradient(left,#99ccff,#ffffff);
}


/*----------見出し----------*/
/*ナビゲーション*/
div.navi-heading{
	margin: 0;
	padding: 5px;
	box-shadow: 5px 5px #cccccc;
	
	/* フォント */
	font-size: 16px;
	text-shadow: 1px 1px 1px #ffffff;
	font-weight: bold;
	text-align: center;
	color: #000000;	

}

/*見出しdiv*/
div.heading{
	margin: 0;
	padding: 0 5px;
	color: #000000;
	box-shadow: 5px 5px #cccccc;
	
	/* フォント */
	font-size: 20px;
	text-shadow: 1px 1px 1px #ffffff;
	font-weight: bold;
	text-align: center;
	color: #000000;	
	
}

/*見出し1*/
h1.heading1{
	margin-bottom: 0;
	padding: 0 10px;
	font-size: xx-large;
	color: #000000;
	border-left: dotted 2px #666666;
	border-bottom: dotted 2px #666666;
}

/*見出し2*/
h2.heading2{
	margin-bottom: 0;
	padding: 0 10px;
	font-size: x-large;
	color: #000000;
	border-left: dotted 2px #666666;
	border-bottom: dotted 2px #666666;
}

/*文書*/
.documents{
	margin: 10px 0;
	padding: 5px;
}

/*一覧*/
.list{
	margin: 0 0 2px 0;
	padding: 15px 10px;
	border-left: dotted 2px #666666;
	border-right: dotted 2px #666666;
	border-bottom: dotted 2px #666666;
}


/******************/
/*位置 */
/******************/
.center{
	text-align: center;
}

/******************/
/* 囲み枠 */
/******************/
/* 角丸 */
.surround-rd{
	margin: 0;
	padding: 10px 10px;
    text-align:left;
	border: 1px solid #667788; 
	font-size: 16px;
	
	/* 角丸 */
	border-radius: 5px 5px 5px 5px;/* CSS3草案 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;/* Firefox用 */
}
/******************/
/* パンくずリスト */
/******************/
.breadcrumbs {
	display: none;
}

/* パンくずリスト320 */
.breadcrumbs320 li{
	list-style:none;
	display: block;
	padding: 5px 0 5px;
	margin-left: -35px;
	font-size: 16px;
	text-align: left;
	color: #888888;
}

.breadcrumbs320 li:before {
	content: ">";
}

/* パソコン用 */
/*975px*/
@media only screen and (min-width: 975px){
	/* パンくずリスト */
	.breadcrumbs {
		display: block;
		margin: 5px 0px 15px;
		padding: 5px 0px 5px;
		font-size: 14px;
		text-align: left;
		color: #888888;
	}

	/* パンくずリスト320 */
	.breadcrumbs320{
		display: none;
	}
}


/*IE8以下*/
	/* パンくずリスト */
	.ie8 .breadcrumbs {
		display: block;
		margin: 5px 0px 15px;
		padding: 5px 0px 5px;
		font-size: 14px;
		text-align: left;
		color: #888888;
	}

	/* パンくずリスト320 */
	.ie8 .breadcrumbs320{
		display: none;
	}
	
/******************/
/* テーブル */
/******************/
/*----------テーブル----------*/
table.table{
	width:100%;
}

table.table, .table td, .table th {
	padding: 10px;
	border-collapse: collapse;
	border: solid 1px #666666;
}

table.table caption{
	font-weight: bold;
}

table.table th{
	color: #000000;
	/*background-color: #445566;*/
	background-color: #99ccff;
}

table.table td{
	padding: 10px;
}

.td-size10{
	width: 5%;
	text-align: center;
	vertical-align: middle;
}

.td-size20{
	width: 12%;
	text-align: center;
	vertical-align: middle;
}

.td-size30{
	width: 18%;
	text-align: center;
	vertical-align: middle;
}

.font-right{
	text-align: right;
}

.font-size14{
	font-size: 14px;
}


/******************/
/* divテーブル */
/******************/
div.table{
	margin: 5px 0;
	display:table;
	border-collapse: collapse;
	width:100%;
}
div.table .row {
	display: table-row;
}

div.table .row div {
	padding: 10px;
    display:table-cell;
    vertical-align: middle;
    border:1px solid #666666;
}

div.table .row div.th {
	width: 35%;
	color: #000000;
	font-weight: bold;
background-color: #99ccff;
}

div.table .row div [type="text"],[type="password"]{
	width: 250px;
}

/*IE7以下*/
	.ie7 div.table{
		margin: 5px 0;
		border-collapse: collapse;
		width:100%;
	}
	.ie7 div.table .row {
	}

	.ie7 div.table .row div {
		padding: 0;
	    vertical-align: middle;
	    border: none;
	}

	.ie7 div.table .row div.th {
		width: 35%;
		color: #000000;
		font-weight: bold;
		background-color: #ffffff;
	}

	.ie7 div.table .row div [type="text"],[type="password"]{
		width: 250px;
	}