@charset "utf-8";

/* 
name:echo2011site
For iPhone & Smartphone
*/

/* SmartPhone (landscape & portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}
/* SmartPhone (landscape) ----------- */
@media only screen and (min-width : 321px) {
}
/* SmartPhone (portrait) ----------- */
@media only screen and (max-width : 320px) {
}
/* iPads (landscape & portrai) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/* Desktop & NotePC ----------- */
@media only screen and (min-width : 1224px) {
}
/* Large Display ----------- */
@media only screen and (min-width : 1824px) {
}
/* iPhone 4 & High resolution Devices ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
}

/* Base ----------------------------------------------------------------- */
html{ background: none;}
body{
	padding: 0;
	background: #fff;
	font-size: 80%;
	font-family: Arial, Verdana, "?SVbN Pro", Hiragino Kaku Gothic Pro, Osaka;
	line-height: 140%;
	width: 100%;
}
/* Layout ----------------------------------------------------------------- */

#container{
	margin: 0;
	background-image: none;
	width: 100%;
}
#container-inner{
	background-position: 0 -25px;
	width: 100%;
}
.layout-tw #content-inner{ background-image: none;}
#content{
	padding: 0;
	min-height: auto;
}

/* TW */

.layout-tw #alpha{
	left: 0;
	width: 100%;
}

.layout-tw #beta{
	left: 0;
	width: 100%;
}
#alpha-inner{ padding: 0;}
#beta-inner{
	margin: 0;
	padding: 10px 0;
	background: #ddd;
	font-size: 110%;
}

/* Gloval(++marry+++) ----------------------------------------------------------------- */

/* index */

#flash{ margin: 0; border-bottom: solid 3px #000;}
#flash img{ width: 100%; height: auto;}

#counter{ font-size: 72%;}
#counter img{ margin: 0; vertical-align: middle; border: none;}
#counter .kiri img{ display: none;}

.index_list{ margin: 0 0 10px; font-size: 90%;}

.index_list div.hght{
	margin: 0 0 0.2em;
	padding: 0 5px;
	border-bottom: dotted 1px #ccc;
}
.index_list div div{
	padding: 0;
	width: 17%;
}
.index_list p{
	margin-bottom: 0;
	padding: 0;
	width: 100%;
	line-height: 140%;
}
.index_list .hght p{ width: 82%;}
/* index-PHOTOS *********************************/
.index_photo{ margin-right: 0; padding: 0 5px 10px; width: auto; font-size: 90%;}
.index_photo h3{
	margin-bottom: 0;
	float: right;
	padding: 0;
	width: 82%;
	line-height: 140%;
	font-size: 95%;
}
.index_photo .tour, .index_photo .repo{
	margin: 0 0 0.2em;
	padding: 0 5px;
	border-bottom: dotted 1px #ccc;
	width: 100%;
}
.index_photo .day{
	margin: 0;
	padding: 0 0 0.3em;
	float: left;
	clear: none;
	background: #fff;
	width: 17%;
	font-size: 100%;
}
.index_photo .btn_more{display: none;}
.nonempty, .empty{ display: none;}

.tour_title, repo_title{ float: none; width: 100%;}
.tour_photo, .tour_photo_img, .repo_photo_img{ display: none;}

.repo_photo_img{ display: none;}
.index_photo .repo .day{ margin: 0;}
/* TourGoStop *********************************/
.tour .GoStop_Yotei, .tour .GoStop_Kekko, .tour .GoStop_Chushi, .tour .GoStop_Enki{
	margin: 0;
	background: none;
	float: left;
	width: 17%;
	line-height: 140%;
	font-size: 100%;}
.tour .GoStop_Yotei{ color: #666;}
.tour .GoStop_Kekko { color: #00f;}
.tour .GoStop_Chushi{ color: #c00;}
.tour .GoStop_Enki{ color: #f90;}
.tour .tour_title img{ display: none;}
.tour .GoStop_Yotei span, .tour .GoStop_Kekko span, .tour .GoStop_Chushi span, .tour .GoStop_Enki span{ display: inline;}


/* breadcrumbs */

.breadcrumbs{ padding: 0 10px 0.2em; border-bottom: solid 1px #bbb;}
.breadcrumbs a, .breadcrumbs span{ margin: 0 2px 0 0; padding-right: 10px;}


#alpha-inner img.img_mg3{ margin: 0 0 10px; float: none; width: 100%; height: auto;}


/* Header ----------------------------------------------------------------- */

#header{
	margin: 0;
	padding: 0 0 0 18px;
	height: 50px;
	background: url(header.gif) #fff repeat-x;
}
#header h1{
	margin: 0;
	height: 50px;
}
#navi_sml{ display: none;}

/* Content ---------------------------------------------------------------- */

#content{ padding: 0x;}
#content-inner{ padding: 0;}

.content-nav{ display: none;}

#maintitle{ margin: 0 0 5px; height: auto; border-bottom: solid 3px #000;}
#maintitle h1{
	padding: 15px 10px 15px 70px;
	line-height: 130%;
	font-size: 120%;
}
.maintitle_bg_1, .maintitle_bg_2, .maintitle_bg_3, .maintitle_bg_4, .maintitle_bg_5,
.maintitle_bg_5, .maintitle_bg_6, .maintitle_bg_7, .maintitle_bg_8, .maintitle_bg_9,
.maintitle_bg_10, .maintitle_bg_11, .maintitle_bg_12{ background-position: -240px -20px}

.asset-header{ padding: 0;}

.asset-name-list{
	margin: 0;
	padding: 5px 10px 5px 25px;
	color: #000;
	background-position: 5px 6px;
	background-color: #ddd;
	border-bottom: 2px solid #bbb;
}

.archive-title{
	margin: 0 0 0.5em;
	background-position: 5px 0;
}
.asset-name{
	color: #000;
	background-position: 5px 0;
	background-color: #ccc;
	border-bottom: 2px solid #aaa;
	font-size: 110%;
}
.asset-body, .asset-content{ padding: 0;}
.asset-body img, .asset-content img{ width: 100%; height: auto;}
.asset-body .imgs_auto img{ width: auto;}

.asset-body p, asset-content p{ padding: 0 10px;}
.asset-body ul, .asset-content ol{ padding-right: 10px;}
.asset-footer{ margin: 0;}
.asset-footer-list{ margin: -0.5em 0 0;}
.asset-meta{ padding: 0 10px; text-align: left;}

/* Sidebar */

.iph_hidden{ display: none;}

.widget-header{ margin: 10px 0 1.2em;}

div.widget li{ margin: 0 0 0.4em; padding: 0.6em 15px 0.4em;}
div.widget ul{ margin: 0;}
div.widget li div.yearly{ margin: 0 -15px -0.9em; padding: 0.6em 15px 0.4em;}
div.widget .yearly, div.widget .widget-list-item{
	border-bottom: solid 1px #bbb;
	background: #ccc;
	font-weight: bold;
}
div.widget #categories ul{ margin: 0 0 0.9em;}
div.widget #categories li{ margin: 0 0 0.4em;}
div.widget #categories li ul{ margin: 1.5em 0 0;}
div.widget #categories li li{ margin: 0; padding: 0.2em 15px;}
div.widget #categories li li a{ padding: 0 0 0 12px; background: url(/sys_mt/mt-static/support/themes/echo2011site/li.gif) no-repeat 0 3px;}


/* Footer ----------------------------------------------------------------- */

#footer{
	padding: 0;
	height: 100px;
	font-size: 80%;
	background-color: #000;
	background-position: -55px -15px;
}
#footer-inner{
	padding: 50px 0 0;
	color: #bbb;
}
#footer-inner a{ color: #ddd;}
#footer-inner .pagetop{ display: none;}