/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
 
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}

/*
	TODO remove settings on BODY since we can't namespace it.
*/

/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
 
ol,
ul {
	list-style:none;
}
 
caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}

/*
	独自設定
 */
 
body {
	background: url(../img/Renew/bg-image.jpg) no-repeat fixed ;
	background-size: 100%;
	font-family: "Osaka", "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 14px;
	line-height: 120%;
	color: #3D3A39;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

a {
	color:#DD6700;
	text-decoration: none;
	outline:none;
}

a:hover {
	color: #FF6700;
	text-decoration: underline;
	outline:none;
}


/*
	header style
 */
 
#copy {
	text-align:center;
}

h1 {
}

/*
	nav style
 */
 
#nav ul li {
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*
	contents style
 */
 
#contents {
	float:left;
	width:670px;
	font-size:13px;
}

#thumb {
	overflow:hidden;
	width:670px;
}

#thumb ul li {
	float:left;
}

#thumb ul li img{
	margin:8px 10px 0 0;
}

#thumb ul li img:hover {
opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";
}

#news {
	width:650px;
	height:323px;
	background:url(../img/Renew/event.png) no-repeat;
	margin:15px 0 20px 0;
	padding:50px 0 0 18px;
}

#c2 {
	font-size:90%;
	line-height:1.25em;
	height:500px;
	overflow:hidden;
}

#c2L {
	float:left;
	width:330px;
	height:500px;
	background:url(../img/Renew/contents_l.png) no-repeat;
	overflow:visible;
}

#c2R {
	float:right;
	width:330px;
	height:400px;
	background:url(../img/Renew/contents_r.png) no-repeat ;
} 

#kaiteki {
	width:120px;
	height:80px;
	padding:60px 0 0 22px;
}

#walk {
	width:125px;
	height:140px;
	padding-left:185px;
	padding-top:80px;
}

#about {
	width:160px;
	height:80px;
	padding-left:30px;
	padding-top:45px;
	line-height:1.75em;
}

#about li{
	list-style:url(../img/Renew/li.jpg) inside;
}

#together {
	width:270px;
	height:80px;
	padding:130px 20px 0 25px;
	vertical-align:middle;
}


#c2R a{
	display:block;
	width:136px;
	height:25px;
	text-indent:-9999px;
	margin-top:130px;
	margin-left:90px;
}


/*
	sidebar style
 */
 
#sidebar {
	float:right;
	width:276px;
	overflow:visible;
}

#sidebar img {
	margin:0;
	padding:0;
}

#profile {
	width:276px;
	height:316px;
	background:url(../img/Renew/side01.png) no-repeat;
}

#profile p {
	font-size:12px;
	line-height:1.3em;
	padding:210px 10px 0 10px;
}


#nakajiki {
	margin-top:20px;
	width:276px;
	height:217px;
	background:url(../img/Renew/side02.png) no-repeat;
}

#nakajiki a{
display: block;
position: absolute;
top: 0;
left: 0;
	width:276px;
	height:217px;
}

#nakajiki p {
	font-size:12px;
	line-height:1.3em;
	padding:120px 15px 0 10px;
}

#review {
	width:276px;
	height:276px;
	background:url(../img/Renew/side05.png) no-repeat;
}

#review_inner {
	width:135px;
	height:180px;
	padding-top:90px;
	font-size:12px;
	line-height:1.3em;
	padding-left:10px;
	padding-right:10px;
}

#gcal {
	width:276px;
	height:310px;
	overflow:visible
}

/*
	footer style
 */
 
#footer {
	background:url(../img/Renew/footer.png) repeat-x;
	padding:12px 0;
	font-size:13px;
}
 
#footer_inner {
	width:960px;
	margin:0 auto;
}
 

/*
	共通
 */
 
.mt10 {
	margin-top:10px
}

.mt15 {
	margin-top:15px
}

.mt20 {
	margin-top:20px
}

.mt30 {
	margin-top:30px
}

.mb10 {
	margin-bottom:10px;
}

.mb15 {
	margin-bottom:15px;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:30px;
}

.ml10 {
	margin-left:10px;
}

.ml15 {
	margin-left:15px;
}

.ml20 {
	margin-left:20px;
}

.ml30 {
	margin-left:30px;
}

.mr10 {
	margin-right:10px;
}

.mr15 {
	margin-right:15px;
}

.mr20 {
	margin-right:20px;
}

.mr30 {
	margin-right:30px;
}

.clear {
	clear: both;
}

.txt_r {
	text-align: right;
}

.floatL {
	float:left;
}

.floatR {
	float:right;
}