html, body
{
}

body
{
	margin: 0em;
	padding: 0em;
	background: #ECECEC url(images/main-bg.jpg) repeat;
	font-family: "メイリオ", Meiryo, ;
	color: #4e4e4e;
}

h1, h2, h3 {
	font-family: "メイリオ", Meiryo, ;
	font-weight: 400;
	color: #353535;
}


h2 {
	position: relative;
	padding: 1em 0;
	margin:20px 0px;
	text-align:center;
	font-size:160%;
}
h2::before,
h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
h2::before {
	top: 0;
	border-top: 2px solid #F05822;
	border-bottom: 1px solid #F05822;
}
h2::after {
	bottom: 0;
	border-top: 1px solid #F05822;
	border-bottom: 2px solid #F05822;
}

h3 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #F05822;
	margin: 30px 0 20px;
	font-size:120%;
}


h4 {
	padding-bottom: .5em;
	border-bottom: 1px solid #F05822;
	font-size:100%;
	margin: 30px 0 20px;
}

p, ol, ul
{
	margin-top: 1em;
}

p
{
	line-height: 1.75em;
}

a
{
	text-decoration: underline;
	color: #00F;
}

a:hover
{
	text-decoration: none;
}


	ul, ol {
		margin-bottom: 20px;
	}
	
	li {
		margin-bottom: 10px;
	}


/* List Style 1 */

	ul.style1
	{
	}
	
	ul.style1 li
	{
		padding: 0.75em 0 0.75em 0em;
		background: url(images/bullet-icon.png) no-repeat left 50%;
	}
	
	ul.style1 a
	{
		display: block;
		padding-left: 1.50em;
		text-decoration: none;
		color: #676767;
	}
	
	ul.style1 a:hover
	{
		text-decoration: underline;
	}

/* List Style 2 */

	ul.style2 {
		overflow: hidden;
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	ul.style2 li {
		padding: 1.00em 0em 2.75em 0em;
		border-top: 1px solid #E2E2E2;
	}
	
	ul.style2 a {
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style2 a:hover {
		text-decoration: underline;
	}
	
	
	ul.style2 img {
		float: left;
		margin-right: 1.5em;
		border-radius: 5px;
	}
	
	ul.style2 .first {
		padding-top: 0;
		border-top: none;
	}
	
/* List style 3 */

	ul.style3 {
		margin: 0em;
		padding: 0em 0em 0em 0em;
		list-style: none;
	}
	
	
	ul.style3 li {
		padding: 1.75em 0em 1.50em 0em;
		border-top: 1px solid #E2E2E2;
	}
	
	ul.style3 .heading-title {
		font-size: 1.10em;
		font-weight: bold;
		color: #333333;
	}
	
	ul.style3 .date {
		display: inline-block;
		margin: 0em 1em 1em 0em;
		text-transform: uppercase;
		font-size: .80em;
		background: #C6250A;
		border-radius: 5px;
		border: 1px solid #911B07;
		box-shadow: 0px 1px 5px rgba(0,0,0,.4);
		color: #FFFFFF;
	}
	
	ul.style3 .date a
	{
		display: inline-block;
		padding: .5em 1em;
		letter-spacing: 1px;
		border-radius: 5px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.10em;
		font-weight: 400;
		color: #FFFFFF;
		box-shadow: inset 1px 1px 1px #F60;
	}

	ul.style3 a 
	{
		text-decoration: none;
		color: #4e4e4e;
	}
	
	ul.style3 a:hover 
	{
		text-decoration: underline;
	}
	
	ul.style3 .first {
		border-top: none;
	}

/* List style 4 */

	ul.style4 {
		overflow: hidden;
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	ul.style4 li {
		padding: 1.50em 0em 1.50em 0em;
		border-top: 1px solid #E2E2E2;
	}
	
	ul.style4 a {
		text-decoration: none;
		color: #00F;
	}
	
	ul.style4 a:hover {
		text-decoration: underline;
	}
	
	ul.style4 h3
	{
		padding: 0 0 0.75em 0;
		font-size: 1.10em;
		font-weight: 700;
		color: #333;
	}
	
	
	ul.style4 .first {
		padding-top: 0;
		border-top: none;
	}

/* Button Style 1 */

	.button
	{
		display: inline-block;
		margin-top: 1.50em;
		background: #C6250A;
		border-radius: 5px;
		border: 1px solid #911B07;
		box-shadow: 0px 1px 5px rgba(0,0,0,.4);
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		font-size: 1.10em;
		font-weight: 400;
		color: #FFFFFF;
	}
	
	.button a
	{
		display: inline-block;
		padding: 0.75em 2.00em;
		border-radius: 5px;
		box-shadow: inset 1px 1px 1px #F60;
		text-decoration: none;
		color: #FFFFFF;
	}
	.button span
	{
		display: inline-block;
		padding: 0.75em 2.00em;
		border-radius: 5px;
		box-shadow: inset 1px 1px 1px #F60;
	}

/* Header Wrapper */

	#header-wrapper
	{
		overflow: hidden;
		margin: 0 auto 30px;
		padding: 10px 0 0;
		background: #F62A2A url(images/header-wrapper-bg.png) repeat;
		box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,.30);
	}

	#header-wrapper img {
		width:100%;
	}



	#header-wrapper h1{
		color: #fff;
		padding: 0 5px 10px;
}


/* Page Wrapper */

	#wrapper
	{
		width: 900px;
		overflow: hidden;
		padding: 0;
		background: #FFFFFF;
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .05);
	}

/* Page */

	#page
	{
		overflow: hidden;
		padding: 0em 0em 0em 0em;
	}
	
	.homepage #page
	{
		padding: 3em 0em 0em 0em;
	}

/* Content */

	#content
	{
		    margin-bottom: 50px;
	}


#content .5grid {
	margin : 0 20px;
}


/* フォント装飾 */
.bb {
font-weight: bold;
}
.brline {
border-bottom: #ee0000 2px solid;
font-weight: bold;
}
.rbline {
color: #ee0000;
border-bottom: #999 2px solid;
font-weight: bold;
}
.bbline {
color: #000;
font-size: 1.0em;
font-weight: bold;
background: #F9D468;
}


.right_link {
    text-align: right;
    font-weight: bold;
    font-size: 110%;
    line-height: 140%;
}

.nmlbox {
    border: 3px solid #e4e4e4;
    padding: 10px 15px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 3px;
    position: relative;
}

.dottbox {
    border: dotted 1px #aaa;
    padding: 10px 15px 0;
}

.updatetime {
	text-align:right;
	font-size: 14px;
}


/*----------------------
		口コミ
----------------------*/	
	.qa_wap {
    margin-bottom: 20px;
}

.qa {
    margin-top: 12px;
    border: solid #e1e8ed 1px;
    padding: 7px 5px 20px;
    background: #fafafa;
}
.tweetname {
    font-weight: bold;
}

#content .tweetday {
    color: #8899a6;
	text-align:right;
	padding-right: 10px;
}
.tweettxt {
    padding: 0 5px;
}

#content .tweettxt p{
	background-image:url(images/dot.gif);
	font-size: 15px;
    line-height: 29px;
}

@media screen and (max-width: 480px) {
	#content
	{
		width:100%;
	}
}

	#content h2
	{
		letter-spacing: -2px;
		font-size: 2.50em;
	}

	#content section
	{
		padding: 0em 2em 0em 2em;
	}

	#content a img
	{
		display: block;
		width: 100%;
		margin-bottom: 1.50em;
		border-radius: 5px;
	}

/* Sidebar */

	#sidebar
	{
	}

	#sidebar #box1
	{
	}

	#sidebar #box2
	{
		padding: 3em 0em 0em 0em;
	}

/* Marketing */

	#marketing
	{
		overflow: hidden;
		padding: 2em 0em 0em 0em;
	}

	#marketing h2
	{
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-size: 1.75em;
		font-weight: 700;
		color: #C6250A;
	}
	
	#marketing .subtitle
	{
		margin: 0 0 1em 0;
		padding: 0 0 1em 0;
		border-bottom: 1px solid #E2E2E2;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: 400;
		color: #3D3D3D;
	}

	#marketing .box
	{
		padding: 0 2em;
	}

/* Two Column */

	#two-column
	{
		overflow: hidden;
		margin: 3em 0em 0em 0em;
		padding: 3em 0em 0em 0em;
		border-top: 1px solid #E2E2E2;
	}
	
	#two-column section
	{
		padding: 0em 0em 0em 0em !important;
	}

/* Three Column */

	#three-column
	{
		overflow: hidden;
		margin: 3em 0em 0em 0em;
		padding: 3em 0em 0em 0em;
		border-top: 1px solid #E2E2E2;
	}
	
	#three-column section
	{
		padding: 0em 0em 0em 0em !important;
	}

/* Banner */

	#banner
	{
	}

	#banner a img
	{
		display: block;
		width: 100%;
	}

/* Copyright */

	#copyright
	{
		overflow: hidden;
		padding: 3em 0em;
		background: url(images/img02.jpg) repeat-x left top;
		text-shadow: 1px 1px 0px #FFFFFF;
		text-align: center;
		font-size: 1em;
		color: #949494;
	}
	
	#copyright a
	{
		color: #949494;
	}
	
	#copyright a:hover
	{
		text-decoration: none;
}