/* 
 Custom Jimdo theme "DMJ Cafe"
 Author: Hide Yuki
 http://donnamonjyaroi.jimdo.com/
 2013, 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:none 400ms;
	-moz-transition:none 400ms;
	-ms-transition:none 400ms;
	-o-transition:none 400ms;
	transition:none 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:none 400ms;
	-moz-transition:none 400ms;
	-ms-transition:none 400ms;
	-o-transition:none 400ms;
	transition:none 400ms;
}  

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

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

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


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

body
{
	background: #262626;
}

#bg
{
	background: #262626 url(https://u.jimcdn.com/cms/o/s5ceeec7775da52a6/userlayout/img/bg.jpg?t=1411367473) repeat-x fixed;  /* CSS3未対応ブラウザ用 */
	background-size: cover;  /* CSS3対応ブラウザ用 */
}

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

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

#header
{
	clear: both;
	display: block;
	border-bottom: 5px solid #5499da;
	margin:0 auto;
	min-width:1000px;
	padding: 20px 0px 10px 0px;
	background: #e8ecf2;
}
/* 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:#e8ecf2;
}

#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: #262626;
	border-bottom: 5px solid #5499da;
}
/* 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 #5499da;
	margin:0 auto;
	padding: 5px 0px 10px 0px;
	min-width:1000px;
	height: 150px;
	color: #ccc;
	background: #262626;
}

#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: 1000px;
}

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

.top_text
{
	position: absolute;
	bottom: 10%;
	right: 5%;
}

#topimage
{
        display: none;
}

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

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

#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 #6B6A68;
	padding: 0;
	display: block;
	color: #ffffff;
        background: #444342;
        font-weight: bold;
	text-decoration: none;
}

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

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

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


/*  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,
#side .mainNav3
{
	display: inline;
	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 #5499da;
	border-bottom: 1px solid #333333;
	text-decoration: none;
}

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

#side .mainNav3 li a
{
	display: block;
	padding: 0 0 0 10px;
	color: #000000;
	border-bottom: 1px solid #333333;
	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: #5499da;
	font-weight: bold;
}

#side .mainNav1 .current,
#side .mainNav2 .current,
#side .mainNav3 .current
{
	color: #FFFFFF;
	font-weight: bold;
	background: #5499da;
}

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

#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: #302e2f;
	border-radius: 3px;
} 

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


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

.clear hr
{
	display: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: #5499da;
	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: #5bc3ff;
}

.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: #302e2f;
	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: #514E4F;
}

.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: #00efa7;
	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: #67eac7;
}

.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:　#ac965a;
	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: #c9b16a;
}

.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: #5499da;
	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: #1fc7f4;
} 

/* 枠表示用ソース
----------------------------------------------- */
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;
}

@charset "utf-8";

/* 共通部分 */
#imagemap {
	margin: 0px auto;
	padding: 0px;
	background:  url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) top left no-repeat;
	width: 600px;
	height: 400px;
	position: relative;
}
#imagemap li {
	margin: 0px;
	padding: 0px;
	position: absolute;
	list-style: none;
	font-size: 14px;
}


#imagemap a {
	position: absolute;
}
#imagemap a span {
	display: none;
}

/* 北海道 */
#hokkaido {
	top: 0px;
	left: 300px;
}
#hokkaido a {
	width: 500px;
	height: 238px;
}
#hokkaido a:hover {
	background: url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -300px -400px no-repeat;
}

/* 東北 */
#touhoku {
	top: 127px;
	left: 280px;
}
#touhoku a {
	width: 180px;
	height: 145px;
}
#touhoku a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -280px -927px no-repeat;
}

/* 北陸・甲信越 */
#hokuriku {
	top: 179px;
	left: 212px;
}
#hokuriku a {
	width: 102px;
	height: 110px;
}
#hokuriku a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -212px -1377px no-repeat;
}

/* 関東 */
#kanto {
	top: 255px;
	left: 264px;
}
#kanto a {
	width: 141px;
	height: 65px;
}
#kanto a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -264px -1854px no-repeat;
}

/* 東海 */
#tokai {
	top: 270px;
	left: 219px;
}
#tokai a {
	width: 74px;
	height: 98px;
}
#tokai a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -219px -2263px no-repeat;
}

/* 関西 */
#kansai {
	top: 229px;
	left: 165px;
}
#kansai a {
	width: 61px;
	height: 112px;
}
#kansai a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -165px -2625px no-repeat;
}

/* 中国 */
#chugoku {
	top: 220px;
	left: 77px;
}
#chugoku a {
	width: 100px;
	height: 90px;
}
#chugoku a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -77px -3020px no-repeat;
}

/* 四国 */
#shikoku {
	top: 300px;
	left: 100px;
}
#shikoku a {
	width: 83px;
	height: 95px;
}
#shikoku a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) -100px -3500px no-repeat;
}

/* 九州・沖縄 */
#kyushu {
	top: 252px;
	left: 0px;
}
#kyushu a {
	width: 113px;
	height: 146px;
}
#kyushu a:hover {
	background: transparent url(https://image.jimcdn.com/app/cms/image/transf/none/path/s5ceeec7775da52a6/image/i46688fb40d360d8e/version/1448950348/image.png) 0px -3850px no-repeat;
}



/* ●日本地図下の地域リスト */
#area {
	margin: 20px auto;
	width: 600px;
}
#area li {
	float:left;
	text-indent:-5px;
	font-size: 14px;
	font-family: sans-serif;
	padding: 0 30px 0 0;
}
#area li a {
	text-decoration: none;
	color: #2d67ee;
}
#area li a:hover {
	text-decoration: underline;
	color: #f1710f;
}