@charset "Shift_JIS";

/*
	================================================================================================
		support walkman guide css common.css
	================================================================================================
*/

.leftnavi2 {
	width: 180px;
	float: left;
	margin-right: 10px;
}


.column2-left180_2 {
	width: 180px;
	float: left;
	margin-right: 10px;
	padding-bottom: 1px;
	display: table-row-group!important;
}

.column2-left180_2 ul {
	list-style: none;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {

.leftnavi2 {
	width: 100%;
}

.column2-left180,
.column2-left180_2 {
	width: 100%;
	float: left;
	display: table-row-group!important;
}

#tmp-localnavigation h2, .inc-linkbox01 h3, .inc-linkbox02 h3 {
	width: 100%;
}


}


/*-----------------------------------
Top Page: Patterns
-----------------------------------*/
.section .pattern3 .list li a,
.section .pattern4 .list li a{ display:block; text-decoration:none; }

.section .pattern3 .list li a > span,
.section .pattern4 .list li a > span{ display:block; font-size:1.25rem; }

.section .pattern3 .list li a:hover > span,
.section .pattern3 .list li a:focus > span,
.section .pattern3 .list li a:active > span,
.section .pattern4 .list li a:hover > span,
.section .pattern4 .list li a:focus > span,
.section .pattern4 .list li a:active > span{ text-decoration:underline; }

.section .pattern3 .list li a > p,
.section .pattern4 .list li a > p{ line-height:1.4; font-size:1.125rem; color:#333333; }
.section .pattern3 .list li a > span{ font-size:1.1875rem; }
.section .pattern3 .list li a > p{ padding-top:0.40625rem; font-size:1.0rem; }

.section .pattern1,
.section .pattern2,
.section .pattern3,
.section .pattern4 { padding-top:1.25rem; }
.section .pattern1:first-child,
.section .pattern4:first-child { border-top:0.0625rem solid #dddddd; }
.section .pattern1,
.section .pattern4 { padding-left:0.25rem; padding-right:0.25rem; }

.section .pattern2 { padding-top:0; }
.section .pattern2 .list { border-top:0.0625rem solid #dddddd; }
.section .pattern2 .list li { padding:1.25rem 0.625rem; border-bottom:0.0625rem solid #dddddd; font-size:1.25rem; }
.section .pattern2 .list li > span { display:block; padding-bottom:0.625rem; font-size:1.0rem; }

.section .pattern3 .list,
.section .pattern4 .list { padding:0; }
.section .pattern3 .list li,
.section .pattern4 .list li { position:relative; border-bottom:0.0625rem solid #dddddd; padding:0; }
.section .pattern4 .list li { border:0.0625rem solid #dddddd; }
.section .pattern3 .list li a,
.section .pattern4 .list li a { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
.section .pattern3 .list li a img,
.section .pattern4 .list li a img { position:absolute; top:0.9375rem; left:0.9375rem; width:5.75rem; max-width:none; max-height:none; }
.section .pattern3 .list li a img ~ *,
.section .pattern4 .list li a img ~ * { margin-left:6.0rem !important; }
.section .pattern3 .list li a img ~ p,
.section .pattern4 .list li a img ~ p { margin-bottom:0.75em !important; }

.section .pattern3 h2 { padding-bottom:0.8125rem; padding-left:0.375rem; padding-right:0.375rem; font-size:1.375rem; }
.section .pattern3 .list li a { padding:1.25rem 0.625rem 1.3125rem; min-height:5.125rem; }

.section .pattern4 .list li a { padding:0.9375rem 0.625rem 0 0.625rem; }

.section .pattern5 { width:50%; margin:1.0rem 0 0; padding:0 0.25rem; }
.section .pattern5 dl { padding:0.9375rem 0.625rem; border:0.0625rem solid #dddddd; }
.section .pattern5 dl dt { font-size:1.125rem; }
.section .pattern5 dl dd { padding-top:0.5rem; }

.section .pattern3 .list li a:focus,
.section .pattern4 .list li a:focus{ -webkit-box-shadow:none; box-shadow:none; outline-offset:-0.125rem; }

#contents div.section div div.pattern1 ul.list li,
#contents div.section div div.pattern2 ul.list li,
#contents div.section div div.pattern3 ul.list li,
#contents div.section div div.pattern4 ul.list li{ background: url(''); }

/*-----------------------------------
Images
-----------------------------------*/
#id_contents img { vertical-align: middle; height: auto; max-height: 2em; }

#id_contents p.img-left,
[dir="rtl"] #id_contents p.img-right { text-align:left; }
#id_contents p.img-center { text-align:center; }
#id_contents p.img-right,
[dir="rtl"] #id_contents p.img-left { text-align:right; }

#id_contents p.img-left img,
#id_contents p.img-center img,
#id_contents p.img-right img { display: inline !important; margin: 1em 0; max-height: none; max-width: 100%; }