@charset "UTF-8";
/* =========================================================
   Reset
========================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
li {
	vertical-align: bottom;
	line-height: 0;
}
fieldset, img {
	border: none;
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	padding: 0;
}
a:focus {
	outline: none;
}
/* =========================================================
   Body
========================================================= */
body {
	font: 12px/20px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, Arial, Verdana, sans-serif;
	color: #666666;
	background: url(../image/bg_base.gif);
}
a:link, a:visited {
	color: #005ac8;
	text-decoration: none;
	line-height:normal;
}
a:hover, a:active {
	color: #005ac8;
	text-decoration: underline;
	line-height:normal;
}
/* =========================================================
   Head
========================================================= */
#head {
	width: 100%;
	height: 152px;
	background: url(../image/bg_head2.gif) repeat-x center top;
}
#head div {
	width: 100%;
	min-width: 970px;
	height: 152px;
	background: url(../image/bg_head.jpg) no-repeat center top;
}
#head table {
	width: 970px;
	margin: 0 auto;
}
#head td {
	vertical-align: top;
	padding: 0;
}
/* =========================================================
   Menu
========================================================= */
#menu {
	width: 100%;
	height: 101px;
	background: url(../image/bg_menu.png) repeat-x center top;
}
#menu div {
	width: 100%;
	min-width: 970px;
	height: 91px;
	padding-top: 10px;
	background: url(../image/bg_menu2.png) no-repeat center top;
}
#menu ul {
	width: 958px;
	margin: 0 auto;
}
#menu span {
	display: none;
}
#menu li {
	height: 80px;
	float: left;
}
#menu #menu1, #menu #menu5 {
	width: 191px;
}
#menu #menu2, #menu #menu3, #menu #menu4 {
	width: 192px;
}
#menu a {
	width: 100%;
	height: 80px;
	display: block;
	background: url(../image/btn_menu2.png) no-repeat 0 0;
	cursor: pointer;
}
#menu1 a:link, #menu1 a:visited {
	background-position: 0 0;
}
#menu1 a:active, #menu1 a:hover {
	background-position: 0 -80px;
}
#menu2 a:link, #menu2 a:visited {
	background-position: -191px 0;
}
#menu2 a:active, #menu2 a:hover {
	background-position: -191px -80px;
}
#menu3 a:link, #menu3 a:visited {
	background-position: -383px 0;
}
#menu3 a:active, #menu3 a:hover {
	background-position: -383px -80px;
}
#menu4 a:link, #menu4 a:visited {
	background-position: -575px 0;
}
#menu4 a:active, #menu4 a:hover {
	background-position: -575px -80px;
}
#menu5 a:link, #menu5 a:visited {
	background-position: -767px 0;
}
#menu5 a:active, #menu5 a:hover {
	background-position: -767px -80px;
}
/* =========================================================
   Contents
========================================================= */
#container {
	width: 100%;
	background: url(../image/bg_contents.gif) repeat-x center top;
}
#container #back {
	width: 100%;
	background: url(../image/bg_contents2.jpg) no-repeat center top;
}
#contents {
	width: 978px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#contents #left {
	width: 223px;
	float: left;
}
#contents #right {
	width: 747px;
	float: right;
}
#contents #right div {
	padding: 0 4px 20px 4px;
	background: url(../image/bg_conback.png) repeat-y;
}
#contents #right .retop {
	height: 56px;
	padding-top: 5px;
	background: url(../image/bg_conbottom.png) no-repeat;
	text-align: center;
}
#contents #main_list {
	width: 896px;
	padding: 0 38px 20px 44px;
	background: url(../image/bg_mainback.png) repeat-y;
}
#contents #main_list p.element {
	float: left;
	padding: 0 6px 20px;
}
#contents #main {
	width: 970px;
	padding: 0 4px 20px;
	background: url(../image/bg_mainback.png) repeat-y;
}
#contents .retop2 {
	height: 56px;
	padding-top: 8px;
	background: url(../image/bg_mainbottom.png) no-repeat;
	text-align: center;
}
/* =========================================================
   Foot
========================================================= */
#foot {
	width: 970px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#foot .bnr {
	margin: 24px auto 18px auto;
}
#foot .bnr td,
#foot .bnr2 td {
	padding: 0 3px 10px;
}
#foot .bnr2 {
	margin: 0 auto 18px;
}


/* =========================================================
   banner_area
========================================================= */
div.banner_area {
	background: url(../image/bg_banner_area.png) no-repeat 0 0;
	height: 137px;
  padding: 17px 0 15px 16px;
  width: 958px;
}

div.banner_area ul li {
	float: left;
	padding: 0 3px 0 0;
}


/* =========================================================
   Class
========================================================= */
.cl {
	clear: both;
}
h2 {
	width: 500px;
	margin: 10px 0;
	float: left;
}
.tsocial {
	width: 750px;
	margin: 8px 0;
}
.tsocial td {
	padding-left: 10px;
	vertical-align: bottom;
}
.social {
	height: 45px;
	margin-top: 30px;
	float: right;
}
.social th {
	padding: 0 10px;
}
.social td {
	padding-right: 10px;
}
.social .facebook {
	background: url(../image/bg_social01.gif) no-repeat left center;
}
.social .twitter {
	background: url(../image/bg_social02.gif) repeat-x;
}
.social .mixi {
	background: url(../image/bg_social03.gif) no-repeat right center;
}
.bnr_b {
	width: 970px;
	height: 136px;
	margin: 15px auto;
	padding-top: 13px;
	background: url(../image/bg_banner.gif) no-repeat;
}
.bnr_b td {
	padding: 0 8px;
}
iframe.twitter-share-button {
	width: 70px!important;
}
.fb_edge_widget_with_comment iframe {
	width: 70px !important;
}
.fb-like {
	width: 70px;
}
span.fb_edge_comment_widget.fb_iframe_widget iframe {
	width: 401px !important;
}
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.pT20 {
	padding: 20px 0 0;
}
.center {
	text-align: center;
}