/***********************************
*** Common stylesheet
************************************/
body {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align : center;
	font-size : 13px;
	font-family : Verdana,Arial,"MS PƒSƒVƒbƒN",sans-serif;
	color : #5d5d5d;
}


/**********************************
*** out line
***********************************/
div#out {
	width: 800px;
	margin: 0 auto;
	padding: 0;
}


/**********************************
*** header styles
***********************************/
div#head_out {
	margin : 0 auto 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #f6f6f6; 
}
div#head_out img#hff_logo {
	width : 250px;
	height: 75px;
	float: left;
	border-style: none;
}
div#head_menu {
	padding : 0px;
	margin : 50px 10px 0 0;
	float : right;
	color : #8000ff;
	font-size : 85%;
	text-align : right;
	letter-spacing : 0.15em;
}
div#head_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
div#head_menu li {
	margin: 0;
	padding-left: 1em;
	padding-right: 0.2em;
	letter-spacing: 0.2em;
	border-left: 1px solid #5d5d5d;
	text-align: center;
	display: inline;
}
div#head_menu li.a {
	border-left: none;
}


/**********************************
*** NAVI styles
***********************************/
div#navi {
	margin: 0 0 25px 0;
	padding: 0;
	clear: both;
	letter-spacing: 0.05em;
	text-align: left;
	font-size: 75%;
}


/**********************************
*** body styles
***********************************/
div#body_out {
	margin : 0 auto;
	padding: 0;
	clear: both;
}


/**********************************
*** footer styles
***********************************/
div#footer {
	margin: 20px auto 0 auto;
	padding:10px 0 0 0;
	clear: both;
	text-align: center;
	line-height: 15px;
	border-top: 3px solid #f6f6f6;
}

div#footer_copyright {
	font-size: 70%;
}
div#footer_menu {
	font-size: 75%;
}


div#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
div#footer li {
	margin: 0;
	padding-left: 1em;
	padding-right: 0.2em;
	font-size: 75%;
	letter-spacing: 0.2em;
	border-left: 1px solid #5d5d5d;
	text-align: center;
	display: inline;
}
div#footer li.a {
	border-left: none;
}













/**********************************
*** side menu styles
***********************************/
div#side_menu {
	width : 200px;
	margin: 0;
	padding: 0 0 30px 0;
	float : left;
	text-align: left;
	border-right: 1px solid #cecfce;
}
div#side_menu h3 {
	margin: 0 0 15px 0;
	padding: 5px 0 5px 5px;
	font-size: 100%;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	background-color: #f6f6f6;

}
div#side_menu h4 {
	margin: 15px 0 5px 5px;
	padding: 0;
	font-size: 95%;
	font-weight: normal;
}
div#side_menu ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;

}
div#side_menu li {
	margin: 20px 0 20px 20px;
	padding: 0 0 0 15px;
	font-size: 90%;
	letter-spacing: 0.1em;
	line-height: 1.25em;
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-image: url(http://www.hyogofutsal.net/image/list_point/list02.gif);
}


/**********************************
*** page styles(category top)
***********************************/
h2#page_title {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 15px;
	font-size: 120%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 0.15em;
	color: #3d3d3d;
	border-left: 4px solid #dedede;
	background-color: #f6f6f6;
}
h3#page_title_h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.15em;
}
p#title_assist, p.title_assist {
	margin: 0 0 1em 0;
	padding: 0;
	text-align: left;
	letter-spacing: 0.1em;
	text-indent: 1em;
	line-height: 1.5em;
}

p.title_assist2, p.title_assist3 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
	letter-spacing: 0.1em;
}
p.title_assist3 {
	margin: 0;
	font-weight: bold;
}
p.title_assist4 {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
}





p.h03 {
	margin: 2.5em 0 2.5em 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.15em;
}

p.h04 {
	margin: 1.5em 0 1.5em 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.15em;
}

p.update {
	margin: 1em 0 2.5em 0;
	padding: 0;
	font-size: 85%;
	text-align: right;
	letter-spacing: 0.1em;
}

p.a01, p.a02 {
	margin: 0;
	padding: 0;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: bold;
}

p.b01, p.b02 {
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: 1em;
	line-height: 1.5em;
}

p.c01, p.c02 {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
}

p.a02, p.b02, p.c02 {
	margin-bottom: 1em;
}








/**********************************
*** main contnts out box type-a(with side menu)
***********************************/
div#contents_a {
	width: 579px;
	margin: 0 0 0 20px;
	float: left;
}
div#contents_a ul.menu {
	margin: 20px 0 50px 20px;
	padding: 0;
}
div#contents_a li.menu {
	margin: 25px 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	text-align: left;
	letter-spacing: 0.1em;
	background-image: url(http://www.hyogofutsal.net/image/list_point/list01.gif);
}
div#contents_a li.menu2 {
	margin: 15px 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	text-align: left;
	letter-spacing: 0.1em;
	background-image: url(http://www.hyogofutsal.net/image/list_point/list01.gif);
}

div#photo_box, div.photo_box {
	width: 430px;
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	border : 1px solid #cecfce;
}
div#photo_box480 {
	width: 490px;
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	border : 1px solid #cecfce;
}
img.photo_box {
	width: 420px;
	height: 315px;
	margin: 2px auto 1px auto;
	padding: 0;
}
img.photo_box02 {
	width: 420px;
	height: 236px;
	margin: 2px auto 1px auto;
	padding: 0;
}
div#photo_title {
	margin : 2px 0 0 6px;
	padding: 0;
	font-weight : bold;
	text-align: left;
}
.photo_title {
	margin : 2px 0 0 6px;
	padding: 0;
	font-weight : bold;
	text-align: left;
}

.photo_title_sub {
	margin : 2px 0 0 6px;
	padding: 0;
	font-size : 95%;
	text-align: left;
}
.photo_comment {
	margin : 2px 0 0 6px;
	padding: 0;
	font-size : 85%;
	text-align: left;
}
.photo_date {
	margin : 2px 6px 2px 0 ;
	padding: 0;
	font-size : 80%;
	text-align : right;
}


/**********************************
*** main contnts out box type-b(no side menu)
***********************************/
div#main_contents {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}
div#main_contents h3 {
  margin: 0 0 30px 2px;
	padding: 5px 0 5px 15px;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #3d3d3d;
	border-bottom: 1px solid #cccccc;
}
div#main_contents h4 {
  margin: 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.5em;
}

/**********************************
*** other photo styles
***********************************/
.photo_pic560 {
	width: 560px;
	height: 420px;
	float: left;
	margin: 0 0 10px 0;
}
.photo_pic480 {
	width: 480px;
	height: 360px;
	float: left;
	margin: 0 0 10px 0;
}
.photo_pic420 {
	width: 420px;
	height: 315px;
	float: left;
	margin: 0 0 10px 0;
}

/**********************************
*** yoko style
**********************************/
div#yoko {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#yoko h4 {
  margin: 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.5em;
}
div#yoko p {
  margin: 0;
	padding: 0 0 5px 4em;
	font-size: 90%;
	letter-spacing: 0.15em;
	line-height: 1.25em;
}
div#yoko ol {
	margin: 0 0 5px 0;
	padding: 0 0 0 5em;
}
div#yoko li {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	background-image: none;
}
div#yoko ul {
	margin: 0 0 5px 0;
	padding: 0 0 0 5em;
}
div#yoko li.ul {
	margin: 0;
	padding: 0;
	list-style-type: disc;
	background-image: none;
}


/**********************************
*** what's new common styles
***********************************/
div#whatsnew_title {
	width:432px;
	margin:0 auto;
	height:18px;
	background-color:#dbd7ff;
	font-size:10pt;
	text-align:left;
}
.new_box {
	width: 430px;
	margin: 0;
	text-align: left;
	float: left;
}
.new_box ul {
	margin:0;
	padding: 0;
	list-style: none;
}
.new_box li {
	margin: 6px 0 0 0;
	padding: 0 0 6px 15px;
	font-size: 90%;
	letter-spacing: 0.02em;
	line-height: 1.25em;
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 3px 3px ;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cecfce;
	background-image: url(http://www.hyogofutsal.net/image/list_point/list03.gif);
}
.new_box a:link,
.new_box a:visited,
.new_box a:active {
	text-decoration: none;
	border: none;
}
.new_box a:hover {
	color : #0a246a;
	border-bottom : 1px solid #0a246a;
}


/**********************************
*** HTML TAG Common Style
**********************************/

/**********************************
*** font styles
**********************************/
p {
	font-size: 85%;
	line-height: 2em;
	text-align: justify;
	letter-spacing: 0.1em;
}

u {
	list-style: none;
}

li {
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 0 center;
}

/**********************************
*** link styles
***********************************/
a {
	text-decoration : none;
}
a:link {
	color : #0a246a;
	border-bottom : 1px solid #cccccc;
}
a:hover {
	color : #0a246a;
	border-bottom : 1px solid #0a246a;
}
a:visited {
	color : #0a246a;
	border-bottom : 1px solid #cccccc;
}

/***********************************
*** other
************************************/
.clear {
	clear: both;
}
td.l {
	text-align: left;
}
td.c {
	text-align: center;
}
td.r {
	text-align: right;
}
th.l {
	text-align: left;
}
th.c {
	text-align: center;
}
th.r {
	text-align: right;
}