﻿@charset "utf-8";

/* All Layout
-------------------------------------------------*/
body,div,ul,ol,li,h1,h2,h3,p{
	margin: 0;
	padding: 0;
}

h1,h2,strong,em,address {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

h3 {
	font-weight: bold;
	font-size: 120%;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #B22222;
}
a:active {
	color: #000000;
}

body {
	font: 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #464646;
}

.iepngfix {  
	behavior: expression(IEPNGFIX.fix(this));  
} 

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */



/* Wrapper
-------------------------------------------------*/
#wrapper {
	background: url(../img/bg_header.gif) repeat-x left top;
}

/* #headCont 
-------------------------------------------------*/
#header {
	padding: 25px 0;
}
#header #pageTitle {
	float: left;
	padding: 0 0 0 100px;
}
#header .ani {
	float: right;
	padding: 40px 60px 0 0;
}

/* mainContentArea
-------------------------------------------------*/
#mainContentArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mainContentArea {
	width: 600px;
	margin: 11px auto 0 auto;
	padding: 10px 0 0 0;
	display: inline-table;
	clear: both;
}
/* MacIE begin \*/
*+html #mainContentArea {height: 1%;}
* html #mainContentArea {height: 1%;}
#mainContentArea		{display: block;}
/* MacIE end */

#mainContentArea {
	margin: 0px 50px 50px;
	text-align: center;
}
*:first-child+html #mainContentArea {
	margin: 175px 0 0;
}

#mainContentArea .info {
	width: 550px;
	margin: 0 50px auto;
	text-align: center;
}
#mainContentArea .news,
#mainContentArea .about {
	width: 451px;
	margin: 0 auto;
	text-align: left;
}
#mainContentArea .info .cont h2 {
	padding: 0 0 9px;
	border-bottom: 1px solid #B22222;
}
#mainContentArea .info .roundTop {
	vertical-align: bottom;
}
#mainContentArea .info .roundBottom img {
	vertical-align: top;
}

#mainContentArea .about {
	letter-spacing: 0.05em;
	line-height: 1.7em;
}
#mainContentArea .about .cont {
	padding: 5px 20px;
	font-size: 11pt;
	background-color: #ffffff;
}
#mainContentArea .about h2 {
	margin: 0 0 10px 0;
}
#mainContentArea .about .pics {
	margin: 10px 0 0;
	text-align: center;
}
#mainContentArea .about .pics img {
	margin: 0 20px 0 0;
}
#mainContentArea .about .pics img.lt {
	margin: 0;
}

#mainContentArea .about ul {
	margin: 0 0 0 20px;
}
#mainContentArea .about ul li {
	padding: 5px 0 5px 35px;
	background: url(../img/ic01.gif) no-repeat 0% 50%;
	list-style-type: none;
}
#mainContentArea .about ul li a {
	padding: 0 0 0.2em;
	background: url(../img/line01.gif) repeat-x left bottom
}
#mainContentArea .about .link {
	width: 370px;
	margin: 15px 0 0 0;
}
#mainContentArea .about .link span {
	display: none;
}
#mainContentArea .about .link a {
	display: block;
	width: 96px;
	height: 19px;
	margin: 0 0 0 auto;
}

#mainContentArea .about .link {
	margin: 15px 0 0;
	text-align: right;
}
#mainContentArea .about .link span {
	display: none;
}
#mainContentArea .about .link a {
	display: block;
	width: 79px;
	height: 18px;
	margin: 0 0 0 auto;
}
#mainContentArea .about .link a:link,
#mainContentArea .about .link a:visited {
	background: url(../img/gift_btn.gif) no-repeat left top;
}
#mainContentArea .about .link a:hover,
#mainContentArea .about .link a:active {
	background: url(../img/gift_btn_o.gif) no-repeat left top;
}

/* twitter div 
---------------------------------------------------*/
#twitter_div {
text-align : left;
margin : 10px 0; 
padding : 10px 20px;
background : url(../img/twit_bg.jpg) ;
}

#twitter_div h2 {
font-size : 1.2em;
color : #ffffff;
text-align : left;
margin : 5px 0;
}

#twitter_div ul {
width : 530px; /* 適宜変更推奨 */
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 2px 5px 2px 20px; /* 適宜変更推奨 */
background-image : url(../twitter_li.gif);
background-repeat : no-repeat;
background-position : 5px 8px; /* 適宜変更推奨 */
border-bottom : dotted 1px #6e6055; /* 適宜変更推奨 */
}

#twitter_div li a {
font-size : 0.9em !important;
color : #ffffff; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color : #E09D46;
}

#twitter_div li span {
color : #ffffff; /* 適宜変更推奨 */
font-size : 0.9em;
}

#twitter_div li span a {
color : #c23d42; /* 適宜変更推奨 */
font-size : 1em !important;
}

a#twitter-link {
font-size : 0.8em;
color : #c23d42; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
color : #ffffff;
}

/* #main 
-------------------------------------------------*/
#main {
	width: 400px;
	float: right;
}
#main .cont {
	width: 410px;
	margin: 0 auto;
	text-align: left;
}

/* #Side Content Area
----------------------------------------------------------*/
#sideContentArea {
	width: 150px;
	float: right;
	margin-bottom: 18px;
}
#sideContentArea ul {
	margin: 0;
	padding: 0;
}
#sideContentArea ul li {
	margin-bottom: 5px;
}
#sideContentArea ul li,
#sideContentArea ul li a {
	width: 140px;
	height: 30px;
	list-style: none;
	display: block;
}
#sideContentArea ul li span {
		display: none;
}

/* Footer
-------------------------------------------------*/
#footer {
	width: 100%;
	margin: 30px auto;
	text-align: center;
	font-size: 0.9em;
	bottom:10px
}