body,div,table,tr,td,h1,h2,h3,h4,h5,p,span,pre,ul,li,input,img,a,iframe,dd,dt
{
	/* 01 位置		*/
	/* 02 大きさ	*/
	/* 03 枠		*/
	border				: 0px;
	/* 04 余白		*/
    padding				: 0px;
	/* 05 間隔		*/
    margin				: 0px;
	/* 06 背景		*/
	/* 07 テキスト	*/
	/* 08 フォント	*/
	font-family		:"メイリオ",Meiryo,"MS PGothic","Osaka",Arial,sans-serif;
	/* 09 リスト	*/
}

/* Overall ------------------------------------*/
body {
	background-color :#fff;
}
section {
	margin-bottom: 40px;
}

/*----------------------------------------*/
a:link {
    text-decoration		: none;
    color				: #1a1aff;
}
a:visited
{
	text-decoration		: none;
    color				: #1a1aff;
/*
    color				: #9400D3;
*/
}
a:hover {
	text-decoration		: none;
    color				: #ff704d;
}

/*----------------------------------------*/
.title01 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #000000;
	margin-bottom: 0.5em;
	background: #dfedf5;
	background-image: -webkit-linear-gradient(top, #dfedf5, #f2f7fa);
	background-image: -moz-linear-gradient(top, #dfedf5, #f2f7fa);
	background-image: -ms-linear-gradient(top, #dfedf5, #f2f7fa);
	background-image: -o-linear-gradient(top, #dfedf5, #f2f7fa);
	background-image: linear-gradient(to bottom, #dfedf5, #f2f7fa);
}
.title02 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #000000;
	margin-bottom: 0.5em;
}
.title03 {
	padding: .1em 0 .05em .5em;
	border-left: 5px solid #000000;
	margin-bottom: 0.2em;
}
.title04 {
	padding: .1em 0 .05em .5em;
	border-bottom: 1px solid #000000;
	margin-bottom: 0.2em;
}
.title05 {
	padding: .1em 0 .05em .5em;
	border-left: 5px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 0.2em;
}
.title06 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #1034a3;
	border-top: 1px solid #1034a3;
	border-right: 1px solid #1034a3;
	border-bottom: 1px solid #1034a3;
	margin-bottom: 0.5em;
	background: #f5fbff;
/*
	background-image: -webkit-linear-gradient(top, #ffd9a1, #fff2d4);
	background-image: -moz-linear-gradient(top, #ffd9a1, #fff2d4);
	background-image: -ms-linear-gradient(top, #ffd9a1, #fff2d4);
	background-image: -o-linear-gradient(top, #ffd9a1, #fff2d4);
	background-image: linear-gradient(to bottom, #ffd9a1, #fff2d4);
*/
}
.title07 {
	padding: .4em 0 .4em 0;
	margin-bottom: 0.5em;
	text-align: center;
	background: #00008b;
	color: #fff;
}

/*----------------------------------------*/
.info {
	padding: 10px;
    border: 1px solid #555;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}

p.sec {
	margin-bottom: 0.5em;
}
p.sec2 {
	padding-left: 1.0em;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}
p.sec3 {
	padding-left: 1.0em;
	font-size: 0.9em;
	margin-bottom: 0.5em;
	text-indent:1.0em;
}

table {
	border-collapse:collapse;
	border: 1px solid #555;
	margin-bottom: 0.5em;
}
th {
	background-color: #dfedf5;
	border: 1px solid #555;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
td {
	border: 1px solid #555;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/*----------------------------------------*/
/*
	------------------------------------
	| wrapper							|
	|	-----------------------------	|
	|	| head						|	|
	|	-----------------------------	|
	|	| nav						|	|
	|	-----------------------------	|
	|	| body						|	|
	|	|	--------------------	|	|
	|	|	|left |center|right|	|	|
	|	|	--------------------	|	|
	|	|							|	|
	|	|							|	|
	|	-----------------------------	|
	|	| foot						|	|
	|	-----------------------------	|
	|									|
	------------------------------------

*/

/* _wrapper ------------------------------------*/
div#_wrapper {
    width: 80%;  
    border: 1px solid #000000;  
    margin: 0 auto;  
}

@media screen and (max-width: 640px) {
	div#_wrapper {
	    width: 80%;  
	    border: 0px;  
	    margin: 0 auto;  
	}
}

/* _head ------------------------------------*/
div#_head {
	padding-top		:5px;
	padding-bottom	:10px;
	padding-left	:10px;
	border-top		:5px solid #000000;
	background: url("./images/img_home1.jpg") repeat-x;
	height			:130px;
}
div#_head h1 {
	font-size: 3.0em;
	text-shadow: 2px 2px 1px #ffd700,
	-2px 2px 1px #ffd700,
	2px -2px 1px #ffd700,
	-2px -2px 1px #ffd700;
}
div#_head h1 a {
	text-decoration:none;
	color:#E60000;
}
div#_head h1 a:hover {
	color:#ff8080;
}
div#_head h1 a:active{
	color:#ff8080;
}

div#_head p {
	font-size:1.2em;
	font-weight: bold;
	color:#ffffff;
	text-shadow: 1px 1px 0.5px #000000,
	-1px 1px 0.5px #000000,
	1px -1px 0.5px #000000,
	-1px -1px 0.5px #000000;
}

@media screen and (max-width: 640px) {
	div#_head {
		height			:auto;
	}
	div#_head h1 {
		font-size: 2.0em;
	}
	div#_head p {
		font-size: 1.0em;
	}
}

/* _head ikoi ------------------------------------*/
div#_head.ikoi {
	background: url("./images/img_home3.jpg") repeat-x;
	text-align: right;
	padding-right	:10px;
}
div#_head.ikoi h1 {
	font-size: 3.0em;
	text-shadow: 4px 4px 2px #1a0033,
	-4px 4px 2px #1a0033,
	4px -4px 2px #1a0033,
	-4px -4px 2px #1a0033;
}
div#_head.ikoi h1 {
	color:#ffffff;
}

/* _nav ------------------------------------*/
ul#gnav {
	display	: table;
	width	: 100%;
	font-size: 0.95em;
	border-top		: 1px solid #ffffff;
	border-bottom	: 1px solid #000000;
}
ul#gnav li {
	display	: table-cell;
	table-layout	: fixed;
	width	: 15%;
	text-align: center;
	border-right: 1px solid #ffffff;
}
ul#gnav li#last {
}
ul#gnav li a {
	display	:block;
	text-decoration:none;
	color	:#ffffff;
	background-color	: #000000;
}
ul#gnav li a:hover, a:active{
	background-color	: #e6e6ff;
	color	:#000000;
}

@media screen and (max-width: 640px) {
	ul#gnav {
		display: block;
	}
	ul#gnav li {
		display: block;
		width: 100%;
	}
}

/* _body ------------------------------------*/
div#_body {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div#_body div#_center {
	display: table-cell;
	width: 80%;
}
div#_body div#_right {
	display: table-cell;
	width: 20%
}

@media screen and (max-width: 640px) {
   div#_body {
      display: block;
   }
   div#_body div#_center {
      display: block;
      width: 100%;
   }
   div#_body div#_right {
      display: block;
      width: 100%;
   }
}

/* _center ------------------------------------*/
div#_center {
	padding-top: 1.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-bottom: 1.0em;
}

div#_center table.score {
	font-size: 0.9em;
}

div#_center panel {
	width: 500px;
}
div#_center #panel > dt {
  background: #e6e6ff;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  font-weight: bold;
	border-left: 5px solid #000000;
	cursor:pointer;
}
div#_center #panel > dd {
	margin: 0px;
	padding-top: 5px;
}


@media screen and (max-width: 640px) {
	div#_center {
		padding-top: 1.0em;
		padding-left: 0em;
		padding-right: 0em;
		padding-bottom: 1.0em;
	}
	div#_center table.score {
		font-size: 0.6em;
	}
	div#_center table.score td {
		padding: 0.0em;
	}
}



/* _right ------------------------------------*/
div#_right {
	padding-top: 1.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-bottom: 1.0em;
}

div#_right p.tisen {
}

div#_right div.form {
	padding: 10px;
    border: 1px solid #555;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}
div#_right div.form p {
	font-size: 0.8em;
}
div#_right div.form p.login_title {
    border-bottom: 1px solid #555;
}
div#_right div.form input {
    width: 150px;
    padding: 0.1em;
    font-size: 0.8em;
	margin-bottom: 5px;
	background: #f0f0f5;
}
div#_right div.form input[type="submit"]{
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}
div#_right div.form input[type="submit"]:hover {
	background: #bcc6cc;
	background-image: -webkit-linear-gradient(top, #bcc6cc, #9bb3bf);
	background-image: -moz-linear-gradient(top, #bcc6cc, #9bb3bf);
	background-image: -ms-linear-gradient(top, #bcc6cc, #9bb3bf);
	background-image: -o-linear-gradient(top, #bcc6cc, #9bb3bf);
	background-image: linear-gradient(to bottom, #bcc6cc, #9bb3bf);
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	div#_right {
		padding-top: 1.0em;
		padding-left: 0em;
		padding-right: 0em;
		padding-bottom: 1.0em;
	}
}

h1 span {
  display: inline-block;
}