@charset "UTF-8";


/* reset */
html{color:#000; background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,a,p,blockquote,th,td{margin:0; padding:0;}

/*body {font:14px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka; background-size: 100%; -webkit-text-size-adjust: none; background:#fff;}*/

/*横ズレ防止*/
body {
	width:100%;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	font:14px;
	background-size: 100%;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	background:#fff;
	/*コピペ禁止*/
	-webkit-touch-callout:none; /* iOS Safari */
	-webkit-user-select:none; /* iOS Safari */
}

a{font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}

table{border-collapse:collapse; border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0; font-variant:normal;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{*font-size:100%;}

legend{color:#000;}

section{clear:both;}
header{clear:both;}

#bannar{
 background-image:url(../../smart/images/bg1110_4.png);
 background-repeat: repeat;
 }
 
#banner2{
 background-image:url(../../smart/images/bg1110.png);
 background-repeat: no-repeat;
 }

/*******************************************************************
*   header 
*******************************************************************/

header {
	width: 100%;
	margin: 0;
	padding: 0;
}

a.declink {
   text-decoration: none;
   border-bottom: 3px #cc0000 dotted;
   padding-bottom: 2px;
}

.bggre{
	background: #54daff;
	padding-top: 5px;
}

.bgble{
	background: #0054a7;
	padding: 8px 0px 8px;
	
}

.bgble2{
	background: #FFFFFF;
	padding: 8px 0px;
}

#aco_ex {
	color: #592000;
	font-size: 12px;
	line-height: 1.4;
	padding: 8px 8px;
}

#aco_ex2 {
	color: #592000;
	font-size: 12px;
	line-height: 1.2;
	padding: 8px 5px;
}

#aco_ex3 {
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 5px 10px 5px;
}

#aco_ex4 {
	color: #592000;
	font-size: 11px;
	padding: 5px 5px 10px 5px;
	text-align: center;
}

.aco_ex5 {
	color: #666666;
	font-size: 13px;
	padding: 5px 5px 10px 5px;
	margin:30px 20px 20px;
}

.aco_ex6 {
	color: #666666;
	font-size: 13px;
	padding: 5px 5px 10px 5px;
	margin:5px 30px 20px;
	text-align: center;
}

.aco_ex6 a {
	display: block;
}

.redl {
	border: medium red dotted;
	padding: 0px;
	margin: 0px;
	background-color: white;
	display: block;
}

 img {
	width: 100%;
}

.imgsize img{ 
  	width: 92%;
  	margin: 0px auto 0px auto;
  	display: block;
  	text-align: center;
}

.imgsize2 img{ 
  	width: 80%;
  	margin: 10px auto 10px auto;
  	display: block;
  	text-align: center;
}

.app_body {
	margin: 0 auto;
	padding: 8px 5px 5px 5px;
}

.appcenter {
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

.app_image {
	margin-left: 8px;
	width: 35%;
	float: left;
	display: block;
}

.app_contents {
	margin-left: 8px;
	margin-right: 8px;
	width: 50%;
	float: right;
	display: block;
}

#area_bd{
	margin-bottom :0px 0px 50px 0px;
	padding:0 5px;
}

.whiteBox2 {
    margin: 5px 10px 5px 10px;
	padding: 10px 5px;
	background:#fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}

.whiteBox3 {
border: 1px solid #002059;
border-radius: 5px;
font-weight: bold;
margin: 10px 10px 10px 10px;
padding: 5px 0px 10px 0px;
color: black;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.8)));
}

.whiteBox4 {
border: 1px solid #0074E8;
border-radius: 5px;
font-weight: bold;
margin: 5px;
padding: 5px 15px;
color: #333333;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.8)));
}

.whiteBox5 {
	border: 1px solid #0074E8;
	border-radius: 5px;
	margin: 5px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	background:#0077EE;
}

.pageBox {
	border-radius: 5px;
	color:#666666;
	margin: 10px 10px 10px 10px;
	padding: 5px 0px 0px 0px;
	background:#fff;
	text-align: center;
	font-size: 12px;
}

ul.page{
   list-style:none;
   margin:0;
   padding:0;
   	overflow: hidden;
}

ul.page li{
   width: 50%;
   float: left;
   display: block;
   list-style: none;
}

ul.page li img{
width: 100%;

}

ul.page a{
	display:block;
}


.accordion_menu {
	margin:0px 0px 0px 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}

/*アコーディオン部分*/
.accordion_menu > li > a {
	margin:8px 0px 0px 0px;
	border-radius: 10px;
	background-color: #000000;
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 0.75em;
	display: block;
	position: relative;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.accordion_menu ul li:last-child a {
	border-bottom: 1px solid #33373d;
}


.title {
	color: #fff;
	text-align:center;
	border-bottom: 1px solid #33373d;
	font-weight: bold;
	margin: 5px auto 0px auto;
	position: relative;
	padding-top: 5px;
	width: 92%;
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));
}

.titlebuttun {
	color: #fff;
	text-align:center;
	border-bottom: 1px solid #33373d;
	border-radius: 10px;
	font-weight: bold;
	margin: 5px auto 0px auto;
	position: relative;
	padding: 5px 0px;
	width: 80%;
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
}

.emoji {
background-image: url(../../smart/images/emoji.gif);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0 5px 0 0;
padding: 0;
display: inline-block;
position: relative;
top: 2px;
}

.emoji.pencil {
background-position: -182px -182px;
}

.emoji.mail {
background-position: -182px -102px;
}

.emoji.karaoke {
background-position: -322px -42px;
}

/*******************************************************************
*   loopslider
*******************************************************************/

#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 115px;
    text-align: left;
    position: relative;
    overflow: hidden;
    display: block;
}

#loopslider ul {
    float: left;
    display: block;
    overflow: hidden;
}

#loopslider ul li {
    width: 150px;
    height: 115px;
    float: left;
    display: block;
    overflow: hidden;
}

/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
}

#loopslider ul {
    display: block;
    overflow: hidden;
}


/*******************************************************************
*   footer 
*******************************************************************/

footer {
	clear:both;
	background:#001020;
	padding:0px;
}

footer a{
	font-size:16px;
}

footer p {
	font-size: 12px;
	color:#fff;
	text-align: center;
	padding:0px;
}


/*******************************************************************
*   ボタン
*******************************************************************/


.button {
	width:80%;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 8px auto 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #0095c0 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7161e), to(#610304)); 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.buttonmatsuda {
	width:80%;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 8px auto 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #0095c0 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c8f44), to(#2c8f44)); 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.buttonmatsuda a {
	text-align:center;
	display: block;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	font-weight:bold;
}

.buttonmiso {
	width:80%;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 8px auto 15px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #0095c0 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc0000), to(#cc0000)); 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.buttonmiso a {
	text-align:center;
	display: block;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	font-weight:bold;
}

.button a {
	text-align:center;
	display: block;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	font-weight:bold;
}

.bbsbutton {
	width:80%;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 5px auto 8px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #0054a7 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0054a7), to(#044483)); 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.newbutton {
	width:50%;
	text-align:center;
	display: block;
	padding: 6px;
	margin: 5px auto 8px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	background: #FF0000;
}

/*******************************************************************
*   汎用
*******************************************************************/

.center{
	margin:auto;
	margin-right:auto;
	text-align:center;
}


.w100 {
	width: 100%;
	display: block;
}

.accordion_menu {
	margin:0 10px;
}

/*アコーディオン部分*/
.accordion_menu > li > a {
	background-color: #FF0000;
	background: #FFB7B7 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFB7B7), to(#FF7575)); 
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 0.75em;
	display: block;
	position: relative;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}

/*.accordion_menu ul li:last-child a {
	border-bottom: 1px solid #FF0000;
}*/ 


/* SB */ 
#social{
	margin: 5px 0 5px 10px;
}

.sb_post li{
	height: 30px;
	text-align:right;
}

.sb_post li:nth-child(odd) {
	float: right;
	width: 50%;
}

#top_ex {
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding: 8px;
}

#ex {
	clear: both;
	color: #FFFFFF;
	background-color: #00a0e9;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding: 8px;
}

#bansen {
	clear: both;
	color: #FFFFFF;
	background-color: #0054a7;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 10px;
}
#bansen h3 {
	color: #FFFF00;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
}


/* 音声ページの写真（flickslide）*/

#mainImages {
	clear: both;
}