@charset "utf-8";
/* =======================================================
	CSS構成	: ロータリーとは ページレイアウト
	Editor	: DOTCOM MARKETING
	-----------------------------------------------------
	【TOC】
	01 : #about
	02 : #abouthead
	03 : .aboutbox
	-----------------------------------------------------
	■基本骨格
	#header
		#wrapper
			#about
	#footer
======================================================= */




/* -------------------------------------------------------------
	01 : #about
------------------------------------------------------------- */
#about {}
#about h1 { border-color:#C30; }
#about h1 span {
	background: #F60;
	color: #FFF;
}
/*  */
#about > div > ul {
	margin: 15px auto 30px;
	text-align: center;
}
#about > div > ul li {
	border-right: 1px solid #333;
	display: inline-block;
	padding: 0 10px;
}
#about > div > ul li:first-child { border-left: 1px solid #333; }


/*													end:#about
------------------------------------------------------------- */




/* -------------------------------------------------------------
	02 : #abouthead
------------------------------------------------------------- */
#abouthead {
	border-bottom: 2px solid #F60;
	padding-bottom: 20px;
}
#abouthead .Left { width: 580px; }
#abouthead .Left p strong,
#abouthead .Left p small { display: inline-block; }
#abouthead .Left p strong { margin-bottom: 0.5em; }
#abouthead .Left p small {
	color: #960;
	font-size: 12px;
}
#abouthead .Right { float: right; }



/*													end:#abouthead
------------------------------------------------------------- */



/* -------------------------------------------------------------
	03 : .aboutbox
------------------------------------------------------------- */
.aboutbox {}
.aboutbox h3 {
	color: #333;
	margin-bottom: 20px;
}
.aboutbox p { margin-bottom: 2em; }
.aboutbox dl {}
.aboutbox dl dt {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	color: #C90;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 7px 0 5px;
}
.aboutbox dl dd { margin-bottom: 2em; }
.aboutbox small {
	color: #333;
	font-weight: bold;
}



/*													end:.aboutbox
------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
	#abouthead .Left { width: 100%; }
}