/*  Base
----------------------------------------------- */

html,body {
	height: 100%;
}
body,div,p,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
body > #container {
	height: auto;
}

a
{
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-ms-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
}

/*  リンク付画像マウスオーバー時透明度変更
----------------------------------------------- */
a:hover img 
{ 
	filter:alpha(opacity=70);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=70)"; /* IE8用 */
	-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */

	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-ms-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
} 

/*  Layout
----------------------------------------------- */

#container {
	height: 100%;
	min-height: 100%;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/bg.gif?t=1275467766);
}
#container_inner {
	margin: 0 auto;
	width: 945px;
	padding: 20px 20px 10px 20px;
	background: #FFFFFF;
	border-right: 5px solid #A58833;
	border-left: 5px solid #A58833;
}
#header {
	float: left;
	width: 945px;
	padding: 0 0 15px 0;
}
#header .logo {
	float: left;
}
#wrap {
	clear: both;
	width: 945px;
}
#navigation {
	float: left;
	width: 182px;
	padding: 5px 0 0 0;

}
#sidebar {
	padding: 15px 0 0 0; 
}
#content {
	float: right;
	width: 735px;	
}
#footer {
	clear: both;
	padding: 100px 0 0 0;
}


/*  Style
----------------------------------------------- */
#container #header h1 {
	float: right;
	margin: 35px 0 0 0;
 	color: #000000;
	font-size: 90%;
	font-weight: normal;
	text-align: right;
}
#container #wrap h1 {
	padding: 0 0 0 30px;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/title1.gif?t=1275463681) no-repeat left 0.2em;
}
#container #wrap #content h2 {
	padding: 0 0 0 15px;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/content-title3.jpg?t=1298349011) no-repeat left top;
	line-height: 25px;
}
#container #wrap #side h2 {
	clear: both;
	padding: 0 0 0 15px;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/side-title2.gif?t=1275463681) no-repeat left top;
	line-height: 25px;
}
#container #wrap #imprint h2 {
	padding: 0;
	background: none;
}
#container #wrap #imprint p {
	color: #444444;
}
#container #wrap #content .activityfeed h2,
#container #wrap #side .activityfeed h2 {
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/time.gif?t=1275463681) no-repeat 15px center;
}
#container #wrap #content .activityfeed .jimdo-page,
#container #wrap #side .activityfeed .jimdo-page {
	color: #333333;
}
#container #wrap ul, 
#container #wrap ol {
	margin: 0;
	padding: 0;
}
#container #wrap #content ul,
#container #wrap #sidebar ul {
	margin: 0 0 0 12px;
}
#container #wrap #content ol, 
#container #wrap #sidebar ol {
	margin: 0 0 0 20px;
}
#container #footer .copyright {
	margin: 20px 0 0 0;
}


/*  Navigation
----------------------------------------------- */

#navigation .mainNav1,
#navigation .mainNav2,
#navigation .mainNav3 {
	display: inline;
}
#navigation .mainNav1 li,
#navigation .mainNav2 li,
#navigation .mainNav3 li {
	width: 182px;
	display: inline;
	text-align: center;
}
#navigation .mainNav1 li a,
#navigation .mainNav2 li a,
#navigation .mainNav3 li a {
	display: block;
	height: 27px;
	padding-bottom: 5px;
	color: #993399;
	text-decoration: none;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/nav1.gif?t=1275463681) no-repeat left bottom;
}
#navigation .mainNav1 a:hover,
#navigation .mainNav2 a:hover,
#navigation .mainNav3 a:hover {
	color: #FFFFFF;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/nav1-over.gif?t=1275463681) no-repeat left bottom;
}
#navigation .mainNav1 .current,
#navigation .mainNav2 .current,
#navigation .mainNav3 .current {
	color: #993399;
	font-weight:bold;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/nav1-on.gif?t=1298350409) no-repeat left bottom;
}



/*  画像左右配置
--------------------------------------------------------------- */
#wrap .topmenu {
	clear: both;
}
#wrap .topmenu .left {
	float: left;
	margin: 0 0 20px 0px;

}
#wrap .topmenu .right {
	float: right; 
	margin: 0 0px 20px 0;

}



/*  （クラス）指定した場所にトップへ戻るボタンを設置（クリックで色変更）
--------------------------------------------------------------- */
.backtotop {
float:right;
text-align: right;  
display:block;  
background-image:url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/backtoplogo.gif?t=1297407466);
background-repeat: no-repeat;
padding-left:0px;
width:100px;
height:25px;
}

.backtotop:hover,.newmark:active
{
float:right;
text-align: right;  
display:block;  
background-image:url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/backtoplogo-on.gif?t=1297407473);
background-repeat: no-repeat;
padding-left:0px;
width:100px;
height:25px;
}      


/*Blog
----------------------------------------------- */
/* Blog Background */
#wrap .blogselection .datetime,
#wrap .post .datetime {
	height: 62px;
	width: 62px;
	margin: 0 0 0 10px;
	padding: 8px 0 0 0;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/blog-date-bg.jpg?t=1298352437) no-repeat scroll left top transparent;
	position: relative;
	/* for IE */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://cdn.jimdo.com/s/img/cc/datesticker-bg.png', sizingMethod = 'crop', enabled='false') !important;
}

/* DateTime */
.blogselection .datetime p.yr,
.post .datetime p.yr{
	position:absolute;
	top:12px;
	left:7px;
	width:45px;
	font-size:10px;
	color:rgb(255, 255, 255);
	line-height:7px;
	font-weight:bold;
	text-align:center;
	padding:0;
	display:block;
	}
.blogselection .datetime p.mon,
.post .datetime p.mon{
	position:absolute;
	top:25px;
	left:7px;
	width:45px;
	color:rgb(255, 255, 255);
	font-size:12px;
	line-height:11px;
	font-weight:bold;
	text-align:center;
	padding:0;
	}
.blogselection .datetime p.day,
.post .datetime p.day{
	display:block;
	position:absolute;
	top:36px;
	left:7px;
	width:45px;
	color:rgb(255, 255, 255);
	font-size:17px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	padding:0;
	}
	
#container #wrap #content .blogselection h2 {
	padding: 0 0 0 30px;
	background: url(https://u.jimcdn.com/cms/o/sd797b931a42d1ed6/userlayout/img/title1.gif?t=1275463681) no-repeat left 0.2em;
	font:normal normal bold 18px/140% Georgia, "Times New Roman", Times, serif;
}

.blogreadmore,
.comment {
	display: none;
}

/*トップスライドショー設定（トップJSで表示以外は非表示設定）
----------------------------------------------- */
#banner {
    overflow: hidden;
clear: both;
margin:0 auto;
    width: 723px;
    height: 415px;
        display: none;
    
}

#banner img {
	width: 723px;
	height: 415px;
}

/*リンクボタン
----------------------------------------------- */
.link 
{
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px 0;
padding: 10px;
color: #ffffff  !important;
text-decoration: none !important;
background: #c83b3b;
line-height: 20px;
border-radius: 5px;
box-shadow: 1px 1px rgba(255,255,255,0.8) inset,2px 2px 2px rgba(0,0,0,0.6);
}

.link:hover
{
text-decoration: underline !important;
background: #C65555;
}

.mark
{
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px 0;
padding: 10px;
color: #ffffff  !important;
text-decoration: none !important;
background: #c83b3b;
line-height: 18px;
border-radius: 5px;
}