/* ▼▼▼▼▼http:/sumire-law.com / css / style.css
_______________________________________________________ */
/* asakaho luis ryuta 2016 */


@charset "utf-8";




/* ▼▼▼CSSのリセット
_______________________________________________________ */

/* 各種ブラウザの初期化 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


/* firefoxのスクロールバースペースを常態で確保 */
html { overflow-y: scroll; }






/* ▼▼▼各ページ共通基本のスタイル
_______________________________________________________ */

html, body { margin: 0px; padding: 0px; }

body { font-size: 15px; font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,sans-serif; color: #000; font-weight: 400; font-style: normal; line-height: 2em; }

a:link, a:visited { color: #2E677B; text-decoration: underline; }
a:hover, a:active { color: #2E677B; text-decoration: underline; }

p, h1, h2, h3, h4, h5, h6, h7, .note, caption, th, td, ul, li, dt, dd, address { text-align: left; margin: 0px; padding: 0px; font-size: 1em; font-weight: 400; font-style: normal; }

p { margin-bottom: 30px; }

.note { font-size: 95%; line-height: 1.5em; }
.small { font-size: 95%; line-height: 1.7em; }
.small_80 { font-size: 80%; line-height: 1.7em; }

.em { font-weight: bold; }
.em_110 { font-size: 110%; }
.em_120 { font-size: 120%; }
.em_red { color: #990000; }

strong { font-weight: bold; }
strong.red { color: #990000; }

.italic { font-style: italic; }
.underline { text-decoration: underline; }


.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.v_top { vertical-align: top; } 
.v_middle { vertical-align: middle; } 
.v_bottom { vertical-align: bottom; } 

.f_left { float: left; }
.f_right { float: right; }

.clear { clear: both; }
.clear_r { clear: right; }
.clear_l { clear: left; }

.hide { display: none; }

.white { color: #fff; }
.gray { color: #ccc; }
.red { color: #900; }






/* ▼▼▼マージン
_______________________________________________________ */

.m_left_5 { margin-left: 5px; }
.m_left_10 { margin-left: 10px; }
.m_left_15 { margin-left: 15px; }
.m_left_20 { margin-left: 20px; }

.m_right_5 { margin-right: 5px; }
.m_right_10 { margin-right: 10px; }
.m_right_15 { margin-right: 15px; }
.m_right_20 { margin-right: 20px; }
.m_right_30 { margin-right: 30px; }

.m_top_5 { margin-top: 5px; }
.m_top_10 { margin-top: 10px; }
.m_top_15 { margin-top: 15px; }
.m_top_20 { margin-top: 20px; }
.m_top_30 { margin-top: 30px; }
.m_top_40 { margin-top: 40px; }
.m_top_50 { margin-top: 50px; }
.m_top_60 { margin-top: 60px; }
.m_top_70 { margin-top: 70px; }
.m_top_80 { margin-top: 80px; }
.m_top_90 { margin-top: 90px; }
.m_top_100 { margin-top: 100px; }
.m_top_150 { margin-top: 150px; }

.m_bottom_5 { margin-bottom: 5px; }
.m_bottom_10 { margin-bottom: 10px; }
.m_bottom_15 { margin-bottom: 15px; }
.m_bottom_20 { margin-bottom: 20px; }
.m_bottom_30 { margin-bottom: 30px; }
.m_bottom_40 { margin-bottom: 40px; }
.m_bottom_50 { margin-bottom: 50px; }
.m_bottom_60 { margin-bottom: 60px; }
.m_bottom_70 { margin-bottom: 70px; }
.m_bottom_80 { margin-bottom: 80px; }
.m_bottom_90 { margin-bottom: 90px; }
.m_bottom_100 { margin-bottom: 100px; }
.m_bottom_150 { margin-bottom: 150px; }