/*-------------------------------------------------
COMMON
-------------------------------------------------*/

body{
font:13px "ＭＳ Ｐゴシック",sans-serif,arial,helvetica,clean;
margin:0;
padding:0;
color:#515151;
}



img { border-width:0; }

a {
overflow:hidden;
}

#container {
width:950px;
margin:0 auto;
padding:0;
text-align:left;
}

#wrapper {
width:950px;
margin:0;
padding:0;
}


#wrapper2 {
width:950px;
margin:40px 0 0 0;
padding:0;

}

#r-bar{
width:140px;
float:right;
margin:0;
padding:0 0 0  10px;
}

#r-bar2{
width:270px;
float:right;
margin:0;
padding:0;
}

.rb_l {
float:left;
width:130px;
}

.rb_r {
float:right;
width:130px;
}

#l-bar {
width:200px;
float:left;
margin:0;
padding:0;
}

#center {
width:600px;
float:right;
margin:0;
padding:0;
}

#center2 {
width:630px;
float:left;
margin:0 20px 0 0;
padding:0;
}

#center_top {
width:660px;
float:left;
margin:0;
padding:0;
}

.clear {
clear:both;
}

/*-------------------------------------------------
クリアフィックス
-------------------------------------------------*/

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/


/*-------------------------------------------------
CENTER
-------------------------------------------------*/

.textarea {
margin:60px 0 0 0;
padding: 0 0 20px 0;
background-color:#FFFFFF;

}

.textarea_top {
margin:0 0 0 0;
padding: 0;
}


.textarea_top1 {
margin:0;
padding: 0;
border-width:0  0 0 1px;
border-style: solid; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
float:left;
width:220px;
}

.textarea_top2 {
margin:0 0 0 10px;
padding: 0;
border-width:0  0 0 1px;
border-style: solid; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
float:left;
width:190px;
}

.textarea_top3 {
margin:0 0 0 10px;
padding: 0;
border-width:0  0 0 1px;
border-style: solid; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
float:left;
width:220px;
}
.textarea_top3 p{
margin:0 0 0 10px  ;
padding:0;
font-size:78%;
line-height:1.4em;
font-weight:100;
}

.textarea2 {
margin:0;
padding: 0 0 20px 0;
}

.textarea2 h3 {
padding:0 0 3px 0;
margin:0 0 10px 0;
color:#515151;
border-bottom: solid 1px #b0b0b0;
text-decoration:none;
}

.textarea2 p {
line-height:1.5em;
font-size:9pt;
padding:0 10px 0px 0;
margin:0 0 20px 0;
}

.textarea2 p a{
color:#515151;
border-bottom: dotted 1px #515151;
text-decoration:none;
}



.textarea2 p a:hover{
color:#7c001c;
border-bottom: dotted 1px #7c001c;
}

.textarea2 table{
border-collapse: collapse;
margin:0 10px 10px 0;
}

.textarea2 td{
font-size:x-small;
padding:5px;

}

.table_left {
width:150px;
border-bottom: 1px #515151 dotted;
}

.table_right {
width:350px;
border-bottom: 1px #515151 dotted;
}

.textarea2 table a{
color:#515151;
border-bottom: dotted 1px #515151;
text-decoration:none;
}



.textarea2 table a:hover{
color:#7c001c;
border-bottom: dotted 1px #7c001c;
}


.textarea2 dl {
margin:0;
font-size:9pt;
width:480px;
padding: 0;
}

.textarea2 dl a{
color:#515151;
border-bottom: dotted 1px #515151;
text-decoration:none;
}

.textarea2 dl a:hover{
color:#7c001c;
border-bottom: dotted 1px #7c001c;
}

.textarea2  dt {
width:100px;  
clear: left;
float: left;
font-weight:bold;
margin:0 0 8px 0;
} 

.textarea2  dd {
 width:380px;  

margin:8px 0 8px 100px;
}

.textarea3 {
margin:0;
padding: 0 0 20px 0;

}

.list {
margin:0;
padding:42px 8px 4px 8px;
font-size:x-small;
color:#000;
background-color:#fff;
border-width:0 1px 1px 1px;
border-style: solid; /* 枠の種類 */
border-color: #BFBFBF;/* 枠の色 */
}

.list a {
color:#333;
text-decoration:none;
}

.list a:hover {
color:#7c001c;
}

.title_3 h2 , .title_2 h2{
margin:0 10px 0 0 ;
padding:0;
font-size:90%;
line-height:1.4em;
font-weight:100;
}

.title_3 h2 a, .title_2 h2 a{
color:#333;
border-bottom: dotted 1px #BFBFBF;
text-decoration:none;
}

.title_3 h2 a:hover, .title_2 h2 a:hover{
color:#7c001c;
border-bottom: dotted 1px #7c001c;
}


.h4_style {
line-height:1em;
font-size:9pt;
margin:0 5px 5px 0;
padding:0 0 5px 0;
border-width:0 0 1px 0;
border-style: dotted; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
}

.title{
margin:0 0 60px 0;
padding:40px 0 10px 10px;
border-width:0 0 1px 0;
border-style: dotted; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
}

.title_top{
padding:0 0 15px 10px;
}

.title_2 {
margin:0 0  25px  0;
padding:0;
}

.title_face {
margin:0;
padding:15px;
border-width:1px  0 0 0;
border-style: solid; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
font-size:80%;
}

.title_3 {
margin:30px 10px;
}

.date {
color:#333;
font-size:90%;
padding:0;
margin:0;
font-weight:600;
}

.text {
font-size:x-small;
padding:0 40px 0px 80px;
margin-bottom:40px;
line-height:1.4em;
}

.text a {
text-decoration:none;
color:#7c001c;
}

.text a:hover{
color:#515151;
border-bottom: dotted 1px #515151;
}
.copyright {
margin:10px 0;
background: url("img/copyright.gif") 0 0 no-repeat;
text-indent:-9999px;
}

.address {
line-height:1.2em;
font-size:small;
padding:10px 5px 5px 5px;
}


.left {
float:left;
margin-right: 15px;
}

.right {
float:right;
margin-left:5px;
}


.fornews{
text-align:right;
margin:15px 20px 10px 0;
font-size:0.7em;
line-height:1.4em;
padding:0;
}

.fornews a{
margin:0;
padding:0;
font-weight:600;
color:#7c001c;
border-bottom: dotted 1px #7c001c;
text-decoration:none;
}

.fornews a:hover{
color:#515151;
border-bottom: dotted 1px #515151;
}


.textarea2  .products_list {
margin:0 10px 0 0;
padding:0 0 15px 0 ;
border-bottom: dotted 1px #BFBFBF;
}

/*-------------------------------------------------
l-bar
-------------------------------------------------*/
.logo {
margin:0;
padding:6px 0 300px 7px;
}

.btn {
margin:12px 0 0 8px;
padding:0;
}

.btn2 {
margin:10px 0 0 7px;
padding:0;
}

a.srollover {
display: block;
width: 172px;
height: 35px;
background: url("images/nav_04.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}


a.srollover2 {
display: block;
width: 172px;
height: 35px;
background: url("images/nav_06.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.srollover3 {
display: block;
width: 172px;
height: 35px;
background: url("images/nav_03.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.srollover4 {
display: block;
width: 172px;
height: 35px;
background: url("images/nav_02.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.srollover5 {
display: block;
width: 172px;
height: 35px;
background: url("images/nav_05.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.srollover6 {
display: block;
width: 172px;
height: 35px;
background: url("images/nav_01.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.left_banner1 {
display: block;
width: 184px;
height: 58px;
background: url("img/inform.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.left_banner2 {
display: block;
width: 184px;
height: 36px;
background: url("img/youtube.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.left_banner3 {
display: block;
width: 184px;
height: 78px;
background: url("img/banner_iPad.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

a.left_banner4 {
display: block;
width: 184px;
height: 53px;
background: url("img/banner_ms.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin:12px 0 0 7px;
}

/*-------------------------------------------------
r-bar
-------------------------------------------------*/
.banner {
margin:45px 0 0 4px;
padding:0;
text-align:left;
}

.toggle {
margin:12px 10px 0 10px;
padding:3px;
background-color:#333;
color:#fff;
font-size:60%; 
}

a.bn_over {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_01.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over2 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_02.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over3 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_03.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over4 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_04.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over5 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_06.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over6 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_05.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over7 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_07.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over8 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_08.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over9 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_09.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over10 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_10.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over11 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_11.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over12 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_12.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over13 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_13.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over14 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_14.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over15 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_15.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over16 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_16.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over17 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_17.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over18 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_18.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}


a.bn_over19 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_19.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over20 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_20.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over21 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_21.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over22 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_22.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over23 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_23.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over24 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_24.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over25 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_25.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over26 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_26.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over27 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_27.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}

a.bn_over28 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_28.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}


a.bn_over29 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_29.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}


a.bn_over30 {
display: block;
width: 130px;
height: 96px;
background: url("img/bann_30.jpg") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
margin: 0 0 12px 0;
}


.nakanohito {
margin:45px 0 0 5px;
}

/* UL for main navigation */
#small_btn {
	margin: 0;
	padding: 0;
	background: url(img/btn.gif) no-repeat;
	width: 175px;
	height: 16px;
	position: relative;
	}


/* LI for main navigation */
#small_btn li {

	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#small_btn li, #small_btn a {
	height: 16px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#small_btn a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#sbtn_1 {left: 0px; width: 44px;}
#sbtn_2 {left: 49px; width: 44px;}
#sbtn_3 {left: 100px; width: 31px;}
#sbtn_4 {left: 138px; width: 37px;}

#sbtn_1 a:hover, #sbtn_1 a:visited:hover { background: transparent url(img/btn.gif) 0px -16px no-repeat;}
#sbtn_2 a:hover, #sbtn_2 a:visited:hover { background: transparent url(img/btn.gif) -49px -16px no-repeat;}
#sbtn_3 a:hover, #sbtn_3 a:visited:hover { background: transparent url(img/btn.gif) -100px -16px no-repeat;}
#sbtn_4 a:hover, #sbtn_4 a:visited:hover { background: transparent url(img/btn.gif) -138px -16px no-repeat;}

.movie{
margin:0 4px 10px 0;
padding:0;
}

.query {
margin:0;
padding:5px auto;
border-width: 1px  0 0  0;
border-style: solid; /* 枠の種類 */
border-color: #BFBFBF; /* 枠の色 */
}

.query img {
margin:10px  160px;
padding:0;
text-align: center;
}

/*-------------------------------------------------
social bookmark
-------------------------------------------------*/

#likearea {
margin:0;
padding:0;
list-style-type: none
}

#likearea2 {
margin:0;
padding:0;
list-style-type: none
}

#google1{
float:left;
margin:0;
padding:0;
width:70px;
}

#tweet_bt{
float:left;
margin:0 0 0 5px;
padding:0;
width:100px;
}

#facebook_like{
margin:0 0 0 5px;
float:left;
width:100px;
}


#hatebu{
margin:0 0 0 5px;
float:left;
}


/*-------------------------------------------------
footer
-------------------------------------------------*/
.ft_link {
padding:10px 0 0 0;
border-width: 1px 0 0 0  ;
border-style: solid; /* 枠の種類 */
border-color: #b0b0b0; /* 枠の色 */
}

.ft_link ul li {
float:left;
}

.ft_copyright {
margin:25px 0 0 0;
padding: 0 0 6px 0;
border-width: 0 0 1px  0  ;
border-style: solid; /* 枠の種類 */
border-color: #b0b0b0; /* 枠の色 */
}

.copy_left {
float:left;
}

.copy_right {
float:right;
}

/*-------------------------------------------------
h3タイトル
-------------------------------------------------*/
.ttl_h3 {
margin:0 0 20px 0;
padding:10px;
border-width: 1px 1px 1px 5px ;
border-style: solid; /* 枠の種類 */
border-color: #b0b0b0; /* 枠の色 */
}

.side_banner {
margin:0 0 10px 0;
}

.mtpwall_link {
margin:0 0 10px 10px ;
}

.mtp_wall_like {
padding:5px ;
border-width: 1px 0 0   0  ;
border-style: solid; /* 枠の種類 */
border-color: #fff; /* 枠の色 */
background-color:#7dc9e9;
}