/* 
 Custom Jimdo theme "DMJ Cafe"
 Author: Hide Yuki
 http://donnamonjyaroi.jimdo.com/
 2013-2016, Japan
*/

/*  ベース設定
----------------------------------------------- */

html
{
	overflow-y: scroll;
}

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;
}  

/*  文字スタイル
----------------------------------------------- */
#header h1,#header a
{
	padding:0;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	line-height:1.3em;
	color:#87cefa; 
	text-align:left;
}

#header a:hover
{
	text-decoration:none;
}

#container #wrap h2
{
	padding: 10px 15px;
	background: #dfdcd9; 
	line-height: 20px;
	border-radius: 3px;
}

#container #wrap h3
{
	padding: 10px 15px;
	color: #FFFFFF;
	background: #FA96B6; 
	line-height: 20px;
	border-radius: 3px;
}


/*  レイアウト
----------------------------------------------- */

body
{
	background: #FFFFFF; 
}

#bg
{
	background: #FFFFFF url(bg.jpg) repeat-x fixed;  /* CSS3未対応ブラウザ用 */
	background-size: cover;  /* CSS3対応ブラウザ用 */
}

#base
{
	clear: both;
	margin: 0;
	background: #FFFFFF; 
}

.cc-indexpage #header
{
	display: none;
}

#header
{
	clear: both;
	display: block;
	border-bottom: 5px solid #FF6699;
	margin:0 auto;
	min-width:1280px;
	padding: 20px 0px 10px 0px;
	background: #FFFFFF; 
}
/* start: clearfix ------------------------------ */
#header:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#header
{
	display:inline-table;
}

/* Hides from Mac IE \*/
* html #header
{
	height:1px;
}

#header
{
	display:block;
}
/* */
/* end: clearfix ------------------------------ */

#wrap_header
{
	clear: both;
	margin:0 auto;
	width: 1000px;
	color: #000000;
}

#container
{
	clear: both;
	margin:0 auto;
	width: 1000px;
	min-width:1000px;
	background:#FFFFFF; 
}

#wrap
{
	clear: both;
	margin:0 auto;
	width: 1000px;
}

#menu
{
	clear: both;
	margin: 0 auto;
	min-width:1000px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: #FA96B6; 
	border-bottom: 5px solid #FF6699;
}
/* start: clearfix ------------------------------ */
#menu:after
{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#menu
{
	display: inline-table;
}

/* Hides from Mac IE \*/
* html #menu
{
	height: 1px;
}
#menu
{
	display: block;
}
/* */
/* end: clearfix ------------------------------ */


#wrap_menu
{
	clear: both;
	display: block;
	margin:0 auto;
	width: 1000px;
}

#sidebar
{
	clear: both;
	padding: 0 0 0 0px; 
}

.cc-indexpage #content
{
	float: left;
	width: 960px;
	padding: 10px 20px 10px 20px; 
}

#content
{
	float: right;
	width: 740px;
	padding: 25px 0 10px 20px; 
}

.cc-indexpage #footer_contact
{
	display: none;
}

#footer
{
	clear: both;
	border-top: 8px solid #FA96B6;
	margin:0 auto;
	padding: 5px 0px 10px 0px;
	min-width:1000px;
	height: 150px;
	color: #ccc; 
	background: #FF6699; 
}

#wrap_footer
{
	clear: both;
	margin:0 auto;
	width: 1000px;
	min-width:1000px;
}

#footer .gutter 
{
	padding:5px 0px 0px 0px;
	margin-left:5px;
	margin-right:5px;
	min-width:1000px;
	color: #ccc; 
}

#footer .gutter a
{
	color: #ccc;
}

#clear
{
	clear:both;
}


/*トップ画像部分（可変）
----------------------------------------------- */
.cc-indexpage #topimage
{
	position: relative;
        display: block;
        margin:0 auto;
        width: 100%;
	max-width: 1280px;
	min-width: 1280px;
}

.cc-indexpage #topimage img
{
        width: 100%;
}

.top_text
{
	position: absolute;
	bottom: 20%;
	left: 5%;
}

#topimage
{
        display: none;
}

/*  メインメニューレイアウト（横表示）
----------------------------------------------- */

#navigation
{
	clear: both;
	width: 1000px;
	background: #FA96B6;
 }

#navigation .mainNav1
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation .mainNav1 li
{
	float: left;
	height: 50px;
	line-height: 50px;
}
#navigation .mainNav1 li a
{
        font-size:14px;
        width:198px;
        text-align:center;
        border-right: 1px dotted #FF6699;
	padding: 0;
	display: block;
	color: #ffffff;
        background: #FA96B6; 
        font-weight: bold;
	text-decoration: none;
}

#navigation .mainNav1 li:nth-of-type(6n+1) a
{
        border-left: 1px dotted #FF6699;
}

#navigation .mainNav1 li .current
{
	padding: 0;
	display: block;
	color: #FFFFFF;
        background: #FF6699;
	text-decoration: none;
}

#navigation .mainNav1 li a:hover
{
	color: #FFFFFF;
	background: #FF6699; 
}


/*  2階層目を非表示　*/
#navigation .mainNav2,
#navigation .mainNav3
{
	display: none;
}


/*  サイドメニューレイアウト
----------------------------------------------- */

.cc-indexpage #side
{
        display: none;
}

#side
{
	padding: 0px 0px 10px 10px; 
	float: left;
	width: 220px;
}

#side .mainNav1,
#side .mainNav2
{
	display: block;
	margin: 30px 0 20px 0;
	padding: 0;
	list-style-type: none;
}

#side .mainNav3
{
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#side .mainNav1 li,
#side .mainNav2 li,
#side .mainNav3 li
{
	width: 182px;
	height: 30px;
	line-height: 30px;
	display: inline;
}


#side .mainNav1 li a
{
	display: block;
	padding: 0 0 0 10px;
	color: #000000;
        border-left: 8px solid #FF6699;
	border-bottom: 1px solid #FF6699; 
	text-decoration: none;
}

#side .mainNav2 li a
{
	display: block;
	padding: 0 0 0 10px;
	color: #000000;
        border-left: 8px solid #FF6699;
	border-bottom: 1px solid #FF6699; 
	text-decoration: none;
}

#side .mainNav3 li a
{
	display: block;
	padding: 0 0 0 10px;
	color: #000000;
	border-bottom: 1px solid #FF6699; 
	text-decoration: none;
}

#side .mainNav1 li a
{
	margin: 2px 0 0 0;
}

#side .mainNav2 li a
{
 	margin: 2px 0 0 0px;
}

#side .mainNav3 li a
{
 	margin: 2px 0 0 20px;
}

#side .mainNav1 a:hover,
#side .mainNav2 a:hover,
#side .mainNav3 a:hover
{
	color: #FFFFFF;
	background: #FA96B6;
}

#side .mainNav1 .current,
#side .mainNav2 .current,
#side .mainNav3 .current
{
	color: #FFFFFF;
	background: #FA96B6; 
}

/*  サイドリンクメニュー一階層目を表示させない
----------------------------------------------- */

#side ul.mainNav1 li .level_1 
{
	display: none;
}   


/*  （クラス）指定した場所にトップへ戻るボタンを設置
--------------------------------------------------------------- */
.cc-indexpage .backtotop
{
        display: none;
}

.backtotop 
{
	float: right;
	width: 170px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 0 !important;
	padding: 10px !important;
	line-height: 15px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #FA96B6; 
	border-radius: 3px;
} 

.backtotop:hover,active
{
	float:right;
	text-align: center;
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #FF6699; 
}                          


/*  回り込み解除指定
----------------------------------------------- */         
.clear
{
	clear:both;
}  

.clear hr
{
	display:none;
}


/*　ブログ
----------------------------------------------- */
.blogselection .datetime p,
.post .datetime p
{
	word-spacing:-0.33em;
}

.blogselection div.n {
    padding: 10px 0 0 !important;
}

.blogselection .datetime,
.blogselection .datetime-inner{
    height:20px;
    float:left;
    background: none;
}

.cc-page-blog .datetime,
.cc-page-blog .datetime-inner{
    height:20px;
    float:right;
    background: none;
}

.blogselection .datetime-inner{
    background:url(datetime.png) 0px 4px no-repeat;
}

.blogselection .datetime .yr{
    padding:0px;
    margin:5px;
    height:20px;
    font-size:16px;
    color:#FA96B6; 
    text-align:right;
    vertical-align:top;
    display:inline;
    line-height:2 !important;
}

.blogselection .datetime .mon{
    padding:0px;
    margin:5px;
    height:20px;
    font-size:16px;
    color:#FA96B6; 
    text-align:center;
    vertical-align:top;
    display:inline;
    line-height:2 !important;
}

.blogselection .datetime .day{
    padding:0px;
    margin:5px;
    height:20px;
    background:none;
    font-size:16px;
    color:# 00008b; 
    text-align:left;
    vertical-align:top;
    display:inline;
    line-height:2 !important;
}

.cc-page-blog .datetime .yr{
    padding:0px;
    margin:5px;
    height:20px;
    font-size:16px;
    color:# 00008b; 
    text-align:right;
    display:inline;
    line-height:1.2 !important;
}

.cc-page-blog .datetime .mon{
    padding:0px;
    margin:5px;
    height:20px;
    font-size:16px;
    color:# 00008b; 
    text-align:center;
    display:inline;
    line-height:1.2 !important;
}

.cc-page-blog .datetime .day{
    padding:0px;
    margin:5px;
    height:20px;
    background:none;
    font-size:16px;
    color:# 00008b; 
    text-align:left;
    display:inline;
    line-height:1.2 !important;
}

#container #wrap .blogselection h2
{
    padding:2px !important;
    margin:5px;
    width:75% !important;
    float:right;
    font-size:16px;
    background:none !important;
    line-height:1.8 !important;
    text-indent:0px !important;
    border:none;
}

#container #wrap .blogselection h2 a
{
    display:inline !important;
    padding:0px;
    text-align:left !important;
    text-indent:0px !important;
    font-weight:bold;
    text-decoration:none;
}

.j-blogarticle
{
    border-bottom:1px dotted #ccc;
    margin-bottom:0px;
    clear:both;
}

.j-blogarticle .blogreadmore
{
      display:none;
}

.j-blogarticle .comment{
      display:none;
}

h1.j-blog-header
{
font-size:24px !important;
font-weight:bold;
padding:0;
}

h1.j-blog-header a
{
color: #111111;
text-decoration: none;
}

/* パンくずリスト
---------------------------------------------*/
#breadcrumb{
	margin:0px auto;
	padding:10px;
	font-size:14px;
}

.cc-indexpage #breadcrumb{
	display: none;
}

#breadcrumb div{
	display:inline;
}

#breadcrumb ol{
	margin:0px;
	padding:0px;
	display:inline;
}

#breadcrumb ol li{
	display:inline;
	margin-right:10px;
	font-size:14px;
}

#breadcrumb ol li:before{
	content:"> ";
	font-size:14px;
} 


/*リンクボタン
----------------------------------------------- */
.link 
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #00008b;
	border-radius: 3px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
}

.link:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #00008b;
}

.link2
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #00008b;
	border-radius: 3px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
}

.link2:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #00008b;
}

.link3
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #00aeef; 
	border-radius: 3px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
}

.link3:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #67C7EA; 
}

.link4
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #82AC5A; 
	border-radius: 3px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
}

.link4:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #9AC96A; 
}

.link-title
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 20px !important;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #FA96B6;
	border-radius: 5px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
} 

.link-title:hover
{
	text-align: center;
	font-weight: bold; 
	font-size: 20px;
	text-decoration: none !important;
	background: #FF6699;
} 

/* 枠表示用ソース
----------------------------------------------- */
div.imprint
{
	border:1px solid #CCC; 
	padding:10px;
	background:#FAFAFA;
}

/* ページ内スクロール用ソース
----------------------------------------------- */
.scroll
{
	background-color: #ffffff;
	overflow: auto;
	height: 300px;
	margin: 10px;
	padding: 20px;
	border: 1px solid #ccc; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.scroll_min
{
	background-color: #ffffff;
	overflow: auto;
	height: 100px;
	margin: 10px;
	padding: 20px;
	border: 1px solid #ccc; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}