/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/support/theme_static/rainier/css/base.css);
@import url(/mt/mt-static/support/theme_static/rainier/css/rainier-white/screen.css);
/* end StyleCatcher imports */


#header #header-inner #header-content {
  background-image: url(https://tanaka-dresser.jp/dresser/assets_c/2013/05/DSCF2591-2_edited-1-thumb-1024x1365-3931.jpg);
}


.widget-list{
	list-style-type: none;
}

.widget-image{
	vertical-align:middle;
}

/* header h1 */
@media screen and (max-width: 480px) {
#header-content h1 a font{
font-size:30px!important;
}
}

/* メインコンテンツのh2　アンダーライン等 */
h2{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 1px 0 ;
	border-color:#E184A5;
	border-style:solid;
	background:#fff;
	color:#766969;
	line-height:140%;
	font-weight:bold;
	font-family: serif;
}


h3{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 1px 0 ;
	border-color:#E184A5;
	border-style:solid;
	background:#fff;
	color:#766969;
	line-height:140%;
	font-weight:bold;
	font-family: serif;
}

/* blogコンテンツ内の　＜ｐ＞に対してインデント  */
div.asset-content p{
	margin-left:20px;
	margin-right:10px;

}

/* カテゴリー一覧のデザイン変更  */
ol.category_navi{
	margin-left: 0px;
}

ol.category_navi li{
	display: inline;
	list-style-type: none;
	margin-right: 30px;
	float: left
}

div.categorytext_navi {
	width: 140px;
	height: 300px;
}
div.categoryanchor{
	width: 180px;
	height: 100px;	
}
div.categoryanchor a{
	margin-bottom: 5px;
}

 /* カテゴリの見出し */
.widget-list-item2 {
	font-family: sans-serif;
	font-size: small;
	margin: -5px 0px -5px -18px;
}

li.widget-list-item3{
	font-family: monospace;
	font-size: large;
	margin: -2px 0px -2px -20px;
}

/* カテゴリ部分の追加 */
li.widget-list-item2 a{
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border: 1px solid #cccccc;
    text-decoration:none;
    background-color:#ffffff;
    color:#555555;
    width:180px;
}

li.widget-list-item2 a:hover{
	background-color:#fde1fd;
}


/* ヘッダー部分のデザイン追加  */
#header_address p{
	color: white;
	text-decoration: none;
	    position: relative;
    margin: 1.618em 10px 0;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); }
}

/* ナビゲーションバーの追加　*/
li.navii{
    float:left;
    width:109px;
}

li.navii a{
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-right:1px solid #cccccc;
    text-align:center;
    text-decoration:none;
    background-color:#ffffff;
    color:#555555;
    width:109px;
}

li.navii a:hover{
    background-color:#fde1fd;
}

.ask_mail a,.ask_form a,.ask_tel a,.ask_form p{
	background-image: url(http://localhost:8888/blog/image/ask_mark.jpg);
	display:block;
	text-align: left;
	text-indent: 20px;
	margin-left: 5px;
	border: 1px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	
	width: 500px; 
}

/* Mail Form */
#form_wrapper {
/*	background-image: url(./image/form_back.jpg); */
/*	background-repeat: repeat-y; */
/*	background-position: left top; */
/*	width: 650px; */
}

#form_wrapper tr td{
	text-align: right;
}


#mail-form-text{
/*	padding: 20px; */
}

#form_wrapper tr td.form_input {
	text-align: left;
}                            

input#mail_preview {
	padding: 5px 30px 5px 30px;
	font-size: 1.2em;
	background-color: #560e0e;
	color: #fff;
	border-style: none;
	vertical-align: middle;
	

	    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

input#mail_preview:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

input#mail_post {
	padding: 5px 30px 5px 30px;
	font-size: 1.2em;
	background-color: #560e0e;
	color: #fff;
	border-style: none;
	vertical-align: middle;
	

	    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

input#mail_post:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

#form_wrapper p{
	margin: 30px;
}

/* social button */
.social-button iframe, 
.social-button a, 
.social-butoon img, 
.social-button div {
vertical-align: top !important;
}
                          
/*yoroz*/
                          
#header-inner nav select{
width: 100%;
background-color: #f08bca;
}