@charset "utf-8";
/* CSS Document */

/* resetのためのCSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
	background:transparent;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section, div {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

img{
	vertical-align:middle;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*                共通要素              */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body{
	line-height:1.6;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#644;
	overflow-y:scroll;
}

header a{
	text-decoration:none;
}

nav#groval_nav a{
	text-decoration:none;
}

h1#page_title{
	clear:both;
	font-size:150%;
	padding:20px;
	text-align:center;
}

.hide{
	display:none;
}

.return{
	float:right;
	width:200px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*                構造枠                */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#wrapper{
	width:1000px;
	margin:0px auto;
	background-color:#eaeaff;
}

header#title_head{
	float:left;
	position:relative;
	width:100%;
	height:129px;
	background:url(../img/top_image.jpg) no-repeat;
	padding:20px 0px 0px;
}

nav#groval_nav{
	float:left;
	height:40px;
	margin-top:1px;
}

#pan{
	float:left;
	width:100%;
	background-color:#FEE07A;
}

#container{
	float:left;
	width:1000px;
	margin:5px 0px 10px;
}

#contents{
	width:1000px;
	min-height:400px;
	margin:0 auto;
}


#contents_left{
	float:left;
	width:780px;
	min-height:400px;
	margin:10px 0px;
}

article, section{
	margin-bottom:10px;
}

aside{
	float:left;
	width:180px;
	margin:10px 0px;
	padding:10px;
}

footer{
	float:left;
	width:100%;
	height:50px;
	background-color:#F4DB9F;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*                header                */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/* header */

header#title_head h1 a{
	font-size:26px;
	padding:10px 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#FFF;
	text-shadow:-1px -1px 0px #fff, 1px 1px 1px #ff3,	2px 2px 2px #ff0;
}

#sub_title{
	font-size:16px;
	margin-left:80px;
	padding-bottom:8px;
	font-size:16px;
	color:#FFF;
}

header .search{
	width:200px;
	position:absolute;
	bottom:20px;
	right:20px;
	color:#FFF;
}

.search input[type='text']{
	width:120px;
}



/* navigation */

nav#groval_nav li{
	float:left;
	width:162px;
}

nav#groval_nav li:first-child{
	float:left;
	width:28px;
}

nav#groval_nav li a{
	display:block;
	margin:0px 1px;
	padding-top:6px;
	padding-bottom:3px;
	text-align:center;
	font-size:16px;
	color:#000099;
	text-shadow:3px 3px 5px #999;
	box-shadow: 1px 3px 3px #000000;
	border:solid 1px #9494a8;
	background-color:#FC3;
}

nav#groval_nav li:first-child a{
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
}

nav#groval_nav li.current > a {
	background-color:#F0F;
}


nav#groval_nav li a:hover{
	background-color:#F0F;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*                #container            */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

/**************  パンくずスタイル  *****************/

#pan ol{
	float:left;
	margin-left:15px;
}

#pan ol li{
	float:left;
	padding:5px;
	font-size:12px;
	list-style:none;
}

#pan ol li:before{
	content:" > ";
}

#pan ol li:first-child:before{
	content:"";
}


/* #contents内 */

#main{
	clear:both;
}

#main h1{
	padding:20px 0px;
	font-size:150%;
	text-align:center;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*           sidebar                    */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

aside.side_menu{
	width:170px;
	margin-left:10px;
}

aside.side_menu h1{
	margin-bottom:10px;
	font-size:16px;
}

aside.side_menu ul{
	margin-left:20px;
	line-height:1.8;
}

aside.side_menu li{
	list-style:none;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*           footer                     */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.page_back{
	clear:both;
	margin:30px 10px 10px;
	text-align:right;
}

footer #logo{
	float:left;
	width:30px;
	margin-left:30px;
}

footer nav ul{
	float:left;
	width:940px;
}

footer nav li{
	float:left;
	padding-left:20px;
}

footer p#copyright{
	float:left;
	margin-left:250px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*            TOPページ用               */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#contents_top{
	float:left;
	width:760px;
	padding:20px;
}


#contents_top h1{
	padding:10px 0px 20px;
	font-size:18px;
	text-align:center;
}

#contents_top h2{
	font-size:16px;
	padding:5px 0px;
	background:url('../img/title_h2.png') no-repeat;
}

article.this-site{
	float:left;
	position:relative;
	width:720px;
	padding:10px 20px;
	border:solid 1px;
	border-radius:10px;
}

article.this-site dt{
	padding-left:1em;
	background:url('../img/list/mark-a.gif') no-repeat 5px 5px;
}

article.this-site dt a{
	text-decoration:none;
	color:#333;
}

article.this-site dd{
	padding-left:40px;
	margin-bottom:15px;
}

article.this-site dd:before{
	content:"…";
}

.top-photo{
	position:absolute;
	top:120px;
	right:25px;
	transform:rotate(15deg);
}

article.run-run{
	float:left;
	width:760px;
	margin-top:50px;
}


#contents_top li img{
	border:0px;
	border-radius:5px;
}

#contents_top ul{
	margin-top:20px;
}

#contents_top li{
	float:left;
	width:380px;
	height:250px;
	padding-bottom:30px;
	list-style:none;
}

#contents_top p.naze img{
	margin-left:30px;
}

#contents_top li.michi{
	width:740px;
	margin-top:50px;
}

#contents_top li.michi img{
	margin-right:20px;
}

#contents_top li p{
	font-size:16px;
}

#contents_top li.michi p{
	font-size:18px;
	color:#C00;
}

#contents_top li .ss{
	margin-left:80px;
	font-size:80%;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*           topサイドバー              */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

aside.side h1{
	width:200px;
	margin-bottom:10px;
	padding:5px 0px;
	font-size:120%;
	color:#330099;
	text-align:center;
	background-color:#FC0;
}

aside.side h2{
	margin-bottom:10px;
	padding:3px 0px;
	border:solid 1px #333366;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	font-size:120%;
	text-align:center;
	background-color:#f6f6f6;
}

ul.new-news{
	margin-left:10px;
	list-style:none;
}

#info{
	clear:both;
}

.env{
	margin-top:10px;
}

#my_site p{
	margin:5px 0px;
	line-height:1.2;
	font-size:12px;
	color:#444;
}

ul.browser{
	margin-left:20px;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*            奈良マラニック用            */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

aside#sidemenu{
	float:left;
	width:350px;
}

#sidemenu li{
	list-style:none;
	padding-bottom:3px;
}
	
	
article#nara_map{
	float:right;
	width:630px;
}

.head_image{
	width:820px;
	margin:5px auto;
}

.title_head{
	float:left;
	position:relative;
	width:1000px;
	height:140px;
	margin-bottom:15px;
}

.title_head h1#page_title{
	padding:15px 0 0 15px;
	font-weight:bold;
}

.title_head .discr{
	text-align:center;
}

.map{
	position:absolute;
	top:80px;
	left:200px;
	width:350px;
}
.tt{
	position:absolute;
	top:80px;
	right:80px;
	width:350px;
}

.title_head h1,
.title_head p,
.title_head a{
	color:#fff; font-weight:bold; text-shadow: 3px 3px 3px #000;
}


#yagyu{ background:url(../maranic/yagyu/photo/yagyu_title.jpg) no-repeat; }
#asuka{ background:url(../maranic/asuka/photo/asuka_title.jpg) no-repeat; }
#asuka2{ background:url(../maranic/asuka2/photo/asuka2_title.jpg) no-repeat; }
#yamanobe{ background:url(../maranic/yamanobe/photo/yamanobe_title.jpg) no-repeat; }
#yamanobe2{ background:url(../maranic/yamanobe2/photo/yamanobe2_title.jpg) no-repeat; }
#kitayamanobe{ background:url(../maranic/kitayamanobe/photo/kitayama_title.jpg) no-repeat; }
#rekishi{ background:url(../maranic/rekishi/photo/rekishi_title.jpg) no-repeat; }
#umami{ background:url(../maranic/umami/photo/umami_title.jpg) no-repeat; }
#ikaruga{ background:url(../maranic/ikaruga/photo/ikaruga_title.jpg) no-repeat; }
#katsuragi{ background:url(../maranic/katsuragi/photo/katsuragi_title.jpg) no-repeat; }
#yata{ background:url(../maranic/yata/photo/yata_title.jpg) no-repeat; }
#shigi{ background:url(../maranic/shigi/photo/shigi_title.jpg) no-repeat; }
	



/* 関西jogコースと共通 */

.course{
	float:left;
	margin:0 auto;
	width:780px;
	padding:0 10px;
}

.course h1{
	margin:30px 0px 10px;
	padding:5px;
	font-size:150%;
	text-align:center;
	background:#F93;
}

.course h2{
	clear:both;
	margin-bottom:20px;
	padding:5px 0px 5px 60px;
	border:solid 0px;
	border-radius:15px;
	background:#FC9;
}
	

.course h3{
	font-size:120%;
	color:brown;
}

.course li{
	float:left;
	width:330px;
	margin-bottom:20px;
	list-style:none;
}

.course li img{
	margin-bottom:10px;
}

.course li:nth-child(2n){
	margin-left:25px;
	margin-right:35px;
}

.course li:nth-child(2n+1){
	clear:both;
	margin-left:35px;
	margin-right:25px;
}

.course li img{
	margin-left:10px;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*            関西jogコース用           */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.jog_box{
	float:left;
	width:900px;
	margin-top:20px;
	padding-left:50px;
}


.jog_box dt, .jog_box dd{
	float:left;
	font-size:110%;
	line-height:1.8;
}

.jog_box dt{
	clear:both;
	width:230px;
	text-indent:1.5em;
	background:url(../img/list/star-p.gif) no-repeat 0px 5px;
}
	
.jog_box dd{
	width:280px;
}

#point, #route{
	padding:30px;
}

#point h2, #route h2{
	margin-bottom:10px;
	padding:0;
	font-size:150%;
	color:brown;
	background:none;
}

#point p{
	padding:0px 20px;
	text-indent:1em;
}



#gaiyo{
	float:left;
	width:800px;
}


#route dl{
	float:left;
	margin-left:20px;
	margin-bottom:30px;
	font-size:120%;
	line-height:2.0;
}

#route dl dt{
	clear:both;
	float:left;
	width:160px;
}

#route dl dd{
	float:left;
	width:80px;
}

#route dl dd.koutei{
	width:220px;
}

#route dl dd.long{
	width:240px;
}

.course_photo img{
	float:right;
	margin-right:50px;
	border:0px;
	border-radius:15px;
	transform:rotate(10deg);
}

.course span.number{
	margin-right:20px;
	color:#306;
}

.course span.area{
	margin-left:20px;
	font-size:80%;
}

.course span.area:before{
	content:"（";
}

.course span.area:after{
	content:"）";
}

#gaiyo .prev{
	float:left;
	padding-left:300px;
}

#gaiyo .next{
	float:right;
	padding-right:300px;
}

#gaiyo .prev img{
	padding-right:5px;
}
	
#gaiyo .next img{
	padding-left:5px;
}
	

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*            大会レポ用                */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#report h1{
	font-size:16px;
	text-align:center;
}


/* お気に入り大会Best5 */

#best table, #local table, #kinrin table{
	width:760px;
	border:solid 1px;
}

#best table th, #best table td,
#local table th, #local table td,
#kinrin table th, #kinrin table td{
	padding:3px;
	border:solid 1px;
}
	
th.rank{ width:70px; }
th.date{ width:70px; }
th.name{ width:160px; }
th.ken{ width:75px; }
th.range{ width:76px; }
th.premium{ width:100px; }
	


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*            仮装を楽しむ用            */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.lead{
	padding-left:30px;
	text-indent:1em;
}

.kasou h2{
	clear:both;
	padding:20px 0px 10px 30px;
	font-size:120%;
	color:brown;
}

.kasou li{
	float:left;
	width:330px;
	margin-bottom:20px;
	list-style:none;
}

.kasou li img{
	margin-bottom:10px;
}

.kasou li:nth-child(2n){
	margin-left:25px;
	margin-right:35px;
}

.kasou li:nth-child(2n+1){
	clear:both;
	margin-left:35px;
	margin-right:25px;
}

.kasou li img{
	margin-left:30px;
}

.kasou li.double{
	float:left;
	padding:5px 40px 5px 0px;
	width:760px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*            プロフィール用            */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.shoko p{
	margin-left:30px;
}

.shoko h2{
	padding:20px 0px 10px;
	font-size:120%;
	color:#804000;
}

.shoko table{
	margin-top:30px;
}

.shoko table, .shoko th, .shoko td{
	border:solid 1px;
}

.shoko th, .shoko td{
	padding:5px;
}

.shinko{ width:60px; }
.nengetsu{ width:90px; }
.dekigoto{ width:180px; }

.nowr{
	white-space: nowrap;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*                404用                 */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.owabi{
	clear:both;
	position:relative;
	width:650px;
	margin:auto;
	padding:50px 0px;
}

.owabi h1{
	font-size:150%;
}

.owabi h1#page_title{
	text-align:left;
	padding-left:0;
}

.hikkoshi{
	position:absolute;
	top:30px;
	right:20px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*                汎用クラス            */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.g-list li{
	margin-left:30px;
	text-indent:2em;
	list-style:none;
	line-height:1.8;
	background:url(../img/list/star-g.gif) no-repeat 5px 5px;
}

.r-list li{
	margin-left:30px;
	text-indent:2em;
	list-style:none;
	line-height:1.8;
	background:url(../img/list/star-r.gif) no-repeat 5px 5px;
}

.clear{
	clear:both;
}

.fl_l{ float:left; }
.fl_r{ float:right; }

.wid60{ width:60px; }
.wid70{ width:70px; }
.wid80{ width:80px; }
.wid90{ width:90px; }
.wid100{ width:100px; }
.wid110{ width:110px; }
.wid120{ width:120px; }
.wid130{ width:130px; }
.wid140{ width:140px; }
.wid150{ width:150px; }

.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }

.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }

.ml10{ margin-left:10px; }
.ml20{ margin-left:20px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml50{ margin-left:50px; }
.ml60{ margin-left:60px; }

.rad25{ border-radius:25px; }
.rad50{ border-radius:50px; }
.rad80{ border-radius:80px; }
.rad100{ border-radius:100px; }

.small{	font-size:90%; }
.t_ind1{ text-indent:1em; }
.t_ind2{ text-indent:2em; }
.t_ind3{ text-indent:3em; }
.right{ text-align:right; }
.center{ text-align:center; }

.red{ color:red; }
.blue{ color:blue; }

.kome:before{ content:"※"; }
.chu{ font-size:12px; padding-left:1em; }
.chu:before{ content:"※"; }
