@charset "utf-8";

/* Cross-browser settings */
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Arial;
}

/* general styles */

body {
	padding-bottom:50px;
    height: 100%;
	width:100%;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Arial;
}


a {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	top:1px;
	left:1px;
	position:relative;
}

img {
	border: none;
	vertical-align: bottom
}

#wrapper {
 width: 950px;
 _width: 970px;
 margin: 0px auto;
 padding: 0px;
 color: #333333;
 font: 1em/150% "ＭＳ Ｐゴシック", Arial;
 zoom:1;
}

#wrapper:after{
	content:"";
	clear:both;
	display:block;
}




/* Header */
#header {
	float: left;
	width: 950px;
	height: 95px;
	margin: 0px;
	padding: 0px;
}

#header #title {
 margin: 20px 0px 0px 30px;
 padding: 0px;
 color: #000000;
 font: bold 2.5em 'arial black', sans-serif;
 text-align: left;
}

#header #title a {
 color: #000000;
}

#header div#description_L {
	margin: 20px 0px 0px 10px;
	padding: 0px;
	color: #666666;
	font-size: 12px;
	float: left;
	height: 54px;
	width: 203px;
}

#header div#description_R {
	margin: 0px 0px 5px 30px;
	padding: 0px 0px 2px;
	color: #666666;
	font-size: 12px;
	float: right;
	width: 658px;
	height: 80px;
	font-family: "ＭＳ Ｐゴシック", Arial;
	background-image: url(images/head_plate.jpg);
	background-repeat: no-repeat;
}

/* Navigation */
#navigation {
	float: left;
	width: 945px;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
	padding-right: 2%;
	font-family: "ＭＳ Ｐゴシック", Arial;
	font-size: 12px;
	font-weight: normal;
}

#navigation ul {
 list-style:none;
 float: right;
}

#navigation li {
 display:inline;
 float:left;
 margin: 0px;
}

#navigation li a.tabs {
 float:left;
 padding-left: 4px;
 text-decoration:none;
}

#navigation li a.tabs:hover {
}

#navigation li a.tabs span {
 float:left;
 padding: 5px 15px 4px 6px;
 color: #6B78A9;
 font-size: 1.0em;
}

#navigation li a.tabs:hover span {
 color: #6B78A9;
}

/* Main contents */
#contents {
	float: left;
	width: 410px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	_margin-left: 10px;
}

#contents .contents_title {
	margin: 0px;
	padding: 4px 20px 1px;
	border-bottom: 1px solid #CCCCCC;
	color: #333333;
	font: normal 12px "ＭＳ Ｐゴシック", Arial;
	text-align: left;
	background-image: url(images/center_bar.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 368px;
}

#secondSide h3 {
 margin: 0px 0px 10px;
 padding: 2px 20px;
 border-bottom: 1px solid #CCCCCC;
 color: #000000;
 font: normal 12px "ＭＳ Ｐゴシック", Arial;
 text-align: left;
}

#secondSide .contents_title {
	text-align: left;
	height: 20px;
	width: 318px;
	background-image: url(images/right_bar.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 2px;
}


#contents h2 a {
 color: #000000;
}

#contents .contents_body {
	margin: 0px 0px 5px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

#secondSide .contentsR_body {
	margin: 0px 0px 20px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

#secondSide img {
	margin-top: 5px;
	margin-bottom: 5px;
	border: none;
}

#contents h3 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

.pickup  {
	padding: 2px 0 3px;
	font-family: "ＭＳ Ｐゴシック", Arial;
	font-size: 12px;
	height: 51px;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 3px;
}

.pickupBottom  {
	padding: 2px 0 3px;
	font-family: "ＭＳ Ｐゴシック", Arial;
	font-size: 12px;
	height: 51px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.pickupImage {
	padding: 0px;
	font-size: 12px;
	height: 51px;
	width: 75px;
	float: left;
}

.pickupTxit {
	padding: 0 5px 0 0px;
	border: #999999;
	font-family: "ＭＳ Ｐゴシック", Arial;
	font-size: 12px;
	width: 325px;
	height: 51px;
	float: right;
}



/* Sidebar */


#firstSide {
	float: left;
	width: 170px;
	background-image: url(images/navi_bg.jpg);
	background-repeat: repeat-y;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#firstSide .naviLeftImage {
	width: 130px;
	background-image: url(images/left_bar.jpg);
	background-repeat: no-repeat;
	font-family: "ＭＳ Ｐゴシック", Arial;
	font-size: 12px;
	color: #666666;
	margin: 0px 0px 5px;
	height: 22px;
	padding-left: 40px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#firstSide img {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	border: none;
}


#firstSide .naviLeftBack {
	width: 170px;
	background-color: #FFFFFF;
	height: 100%;
}

#firstSide .naviLeftBack p {
 padding: 3px 0px;
}

#firstSide .naviLeftBack img {
	margin-left: 0px;
	margin-bottom: 5px;
}

#secondSide {
	float: right;
	width: 350px;
}

.sidebar {
	padding: 0px;
	text-align: left;
	margin-left: 0px;
}

.sidebar h4 {
	margin: 20px 15px 0px 0px;
	padding: 5px 10px;
	border-bottom: 1px dashed #0600B3;
	border-left: 5px solid #0600B3;
	color: #0600B3;
	font: bold 1.0em 'arial', sans-serif;
	text-align: left;
	width: 170px;
}

.sidebar ul {
 list-style:none;
 width: 170px;
}

.sidebar p {
 padding: 3px 0px 3px 15px;
}

.sidebar li {
	padding: 0px;
	color: #666666;
	text-align: left;
	text-decoration: none;
	width: 170px;
	_height: 19px;
	font-family: "ＭＳ Ｐゴシック", Arial;
	font-size: 12px;
	margin: 0px;
	display: block;
}



.rightContents {
	width: 350px;
	height: auto;
}

#centerBottom {
	width: 770px;
	_width: 755px;
	height: 35px;
	margin: 0px 0px 30px;
	_margin: 0px 0px 15px;
	padding: 0px;
	font-size: 12px;
	float: right;
	clear: none;
}

.yahoo  {
	padding: 6px 0px 0px;
}

.link {
	width: 95%;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*templete*/

#wrapper #template {
	width: 770px;
	_width: 775px;
	margin: 0px 0px 11px;
	padding: 10px 0px;
	font-size: 12px;
	float: right;
	height: auto;
	clear: none;
}

#wrapper #template_menu {
	width: 750px;
	_width: 755px;
	clear: none;
}

.font_server {
	font-size: 12px;
	color: #666666;
	text-align: left;
	padding-left: 50px;
}


/* Footer */
#footer {
	width: 750px;
	_width: 755px;
	margin: 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	float: right;
	height: auto;
}

.checkError {

  background-color	:	red;
  color							:	white;
  font-weight				:	bolder;
	padding						:	5px 0px 5px 0px;
  text-align       : center;
  vertical-align   : middle;
  
}

.checkSuccess {

  background-color : blue;
  color            : white;
  font-weight      : bolder;
	padding						:	5px 0px 5px 0px;
  text-align       : center;
  vertical-align   : middle;
  
}

#bookmarkWrap{
	clear:both;
	margin-bottom:-10px;
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
}

#bookmark{
	margin:auto;
	padding:10px;
	width:650px;
	background-color:#eee;
	border:1px solid #ccc;
	border-radius:10px;
}

#bookmark ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#bookmark ul li{
	margin:0;
	float:left;
	padding:0 5px;
}

#bookmark ul li.twitter_tweet{
	width:80px;
}
#bookmark ul li.twitter_follow{
	width:160px;
}

#bookmark ul li.facebook_check,
#bookmark ul li.facebook_check iframe{
	width:120px;
}

#bookmark ul.otherMenu{
	width:auto;
	border-left:1px solid #ccc;
	float:left;
}

#bookmark:after,
#bookmark ul:after{
	content:"";
	clear:both;
	display:block;
}