@charset "utf-8";

body {
	color: #333;
	background: #fff;
	font:14px/1.8 "ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}
a:link, a:visited {
	color: #08c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	max-width: 100%;
}

#wrapper {
	/*width: 940px;*/
	margin: auto;
}

.row {
	margin-bottom: 40px;
}
/* clearfix */
.group:before,
.group:after {
	display: table;
	content: "";
	line-height: 0;
}
.group:after {
	clear: both;
}


/* header */
#site-header {
	margin-bottom: 40px;
}
#branding {
	padding: 40px 2.1276595744680851063829787234043% 20px; /* 20px/940ox */
}
#branding h1 {
	margin: 0;
}
#branding h1 a {
	color: #333;
	text-decoration: none;
}

#gnavi {
	margin-bottom: 20px;
}
#gnavi ul {
	padding: 0;
	margin: 0;
}
#gnavi li {
	/*float: left;*/
	display: inline-block;
	list-style: none;
	width: 16.66666666666666%;
	text-align: center;
}
#gnavi a {
	background:#333 url("../images/gnavi.png") repeat-x 0px 0px;
	color: #eee;
	display: block;
	line-height: 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #666;
	font-weight: bold;
	outline: none;
}
#gnavi a:hover {
	text-decoration: none;
	background-position: 0px -40px;
}
#gnavi a:active {
	background-position: 0px -80px;
}
#gnavi .current a {
	background-position: 0px -120px;
	cursor: default;
}

/* main */
#main {
	width: 74.468085106382978723404255319149%; /*700px/940px*/
	float: left;
}
#section-a .col {
	float: left;
	width: 31.428571428571428571428571428571%; /*220px/700px;*/
	margin-left: 2.8571428571428571428571428571429%; /* 20px/700px;*/
}
#section-a #section-a-1 {
	margin-left: 0;
}

/* section b */
#section-b dt {
	float: left;
	width: 14%; /* 7em*14px/700px; */
	padding: 0.3em 0;
}
#section-b dd {
	padding: 0.3em 0 0.3em 14%;/* 7em*14px/700px; */
	margin: 0;
}
#section-b dd:not(:first-of-type) {
	border-top: 3px dotted #ddd;
}


/* sub */
#sub {
	width: 23.404255319148936170212765957447%; /*220px/940px*/;
	float: right;
}
.widget {
	margin-bottom: 40px;
}

.section-title {
	border-bottom: double #ddd 3px;
}


/* site-footer */
#site-footer {
	border-top: 1px solid #ddd;
}
#copyright {
	text-align: right;
}
#footer-navi {
	padding: 0;
	text-align: right;
}
#footer-navi li {
	display: inline;
	padding: 0 2.2340425531914893617021276595745%; /*1.5em;*/
}
#footer-navi li + li {
	border-left: 1px solid #ddd;
}