@charset "UTF-8";





/****************************************

          General Setting

*****************************************/

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

img {
	border-style:none;
	padding: 0;
	margin: 0;
	vertical-align:bottom;
	 }

body {
    color: #333;
	font-size: 16px;
    font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
    line-height: 140%;
	}

/****************************************

          Link

*****************************************/
a {
	transition: 0.3s ;
}


/****************************************

          Typography

*****************************************/

h2, h3, h4, h5, h6{
	font-weight: normal;
	}
h1 {
	font-weight: bold;
	}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}


/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.w_border_l{
	border-left: 1px solid #fff;
}
.w_border_r{
	border-right: 1px solid #fff;
}

/****************************************

          Link

*****************************************/

a {
	color: #000;
	text-decoration: none;
	border: none;
	}

a:hover {
	color: #000;
	text-decoration: none;
	border: none;
	}

/****************************************

          Layout

*****************************************/
.flex{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
}

dd{ margin-left: 0}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
	}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
	}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
	}