html{max-width:920px;margin:0 auto;}

body{
top:0px !important;
margin:0px;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Arial,Verdana,'ＭＳ Ｐゴシック',sans-serif;
color:#0000aa;
font-size:12px;
max-width:800px;
}

p{font-size:14px;}

#mobile_menu{position:relative;z-index:999;}
#mobile_select_table{position:fixed;top:0px;left:0px;right:0px;z-index:1;border-bottom:1px solid #3333dd;}
#mobile_select{width:100%;height:22px;background-color:#f0f0ff;border-color:#3333dd;color:#3333dd;}

/* Google翻訳 ここから*/
#google_translate_element{visibility:hidden;width:138px;height:20px;padding-left:20px;background:#f0f0ff url("http://ads.a.la9.jp/images/google_icon.png");background-repeat:no-repeat;background-position:1px 1px;overflow:hidden;border:thin solid #3333dd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
#google_translate_element select{margin-left:0px;margin-top:0px;padding-left:0px;height:20px;vertical-align:middle !important;font-family:"メイリオ","ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif !important;width:100%;border:none;border-left:1px solid #3333dd;border-radius:0px;}
#google_translate_element option{font-size:11px;}
#google_translate_element option:nth-child(2n+1){background:#eeeeee;}
#goog-gt-tt{display:none !important;}
select.goog-te-combo{height:22px;line-height:22px;max-height:22px;background-color:#f0f0ff;border-color:#3333dd;color:#3333dd;}
iframe[id*=":"]{display:none !important;}
div[class*="VI"]{display:none !important;}
font[class*="VI"]{background-color:transparent !important;box-shadow:none !important;}
.goog-te-banner-frame{display:none !important;}
.goog-text-highlight{background-color:initial !important;position:initial !important;box-shadow:initial !important;-webkit-box-shadow:initial !important;-moz-box-shadow:initial !important;box-sizing:initial !important;-webkit-box-sizing:initial !important;-moz-box-sizing:initial !important;}
/* Google翻訳 ここまで*/

/* 見出し */
h1 {
 text-align: center;
 color:#fff;
 text-shadow: 0 0 20px #3333dd;
 font-size: 28px;
}

h2{
 font-size: 1.2em;/* 文字の大きさ */
 font-weight: bold;/* 文字の太さ */
 color: #fff;/* 文字の色 */
 background: #B8CDF9;/* 背景色 */
 border-radius: 8px;/* 四隅の丸み */
 -webkit-border-radius: 8px;/* 四隅の丸みと同じ数字に */
 -moz-border-radius: 8px;/* 四隅の丸みと同じ数字に */
 position: relative;
 margin: 0 0 1.5em;
 padding: 0.4em 0.4em 0.4em 2em;
}
h2:before,
h2:after {
 content: "";
 position: absolute;
 display: block;
}
h2:before{
 top: -0.1em;
 left: 0.5em;
 width: 20px;
 height: 23px;
 padding: 5px 0 0 0;
 background: #6969ff;/* リボン部分の色 */
 text-align: center;
}
h2:after{
 top: 0.8em;
 left: 0.5em;
 width: 0;
 height: 0;
 border: 10px solid;
 border-color: transparent #6969ff;/* リボンの切りっぱなし部分の色 */
}

h3{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 0 5px;
	border-color:#84A5E1;
	border-style:solid;
	background:#ACC0F0;
	color:#5B87D7;
	line-height:140%;
	font-weight:bold;
}

img{max-width:640px;}

a{color:#0000dd;text-decoration:none;}
a:link{color:#0000dd;}
a:visited{color:#0000dd;}
a:hover{color:#0000dd;text-decoration:underline;}
a:active{text-decoration:none;}

a.links{color:#dd0000;text-decoration:none;}
a:link.links{color:#0000dd;}
a:visited.links{color:#0000dd;}
a:hover.links{color:#0000dd;text-decoration:underline;}
a:active.links{text-decoration:none;}

#menu ul,#menu li {margin-bottom:5px;}


/* Twitter ここから */
.TwitterContainer{
width:100%;
height:360px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.TwitterFrame {
width:100%;
height:100%;
border:none;
}
/* Twitter ここまで */


/* バナー演出効果 ここから */
.banner:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* バナー演出効果 ここまで */


/* ボタン ここから */
.btn{
 display: inline-block;
 position: relative;
 text-decoration: none;
 color: #7777f9;
 width: 150px;
 height: 45px;
 line-height: 45px;
 border-radius: 5px;
 text-align: center;
 vertical-align: middle;
 overflow: hidden;
 font-weight: bold;
 background-image: -webkit-linear-gradient(#d6e3fe 0%, #aaaaff 100%);
 background-image: linear-gradient(#d6e3fe 0%, #aaaaff 100%);
 text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.btn:active{/*押したとき*/
 -ms-transform: translateY(2px);
 -webkit-transform: translateY(2px);
 transform: translateY(2px);/*沈むように*/
 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
 background-image: -webkit-linear-gradient(#d6e3fe 0%, #bcbcff 100%);
 background-image: linear-gradient(#d6e3fe 0%, #ffbcbc 100%);/*グラデーションを明るく*/
}
/* ボタン ここまで */


/* 角丸 ここから */
table.radius{
border:1px solid #3333dd;
border-radius:3px;
-moz-border-radius:3px;/* Firefox */
-webkit-border-radius:3px;/* Chrome & Safari */
border-spacing:0;
border-collapse:separate;
*border-collapse:collapse;
}
table.radius tr td{border-left:1px solid #3333dd;border-top:1px solid #3333dd;padding:1px;}
table.radius tr th{border-left:1px solid #3333dd;border-top:1px solid #3333dd;padding:1px;}
table.radius tr td:first-child{border-left:none;}
table.radius tr th:first-child{border-left:none;}
table.radius tr:first-child td{border-top:none;}
table.radius tr:first-child th{border-top:none;}
/* 角丸 ここまで */


/* 入力フォーム関連 ここから */
input.userform{height:23;}
input[type=button],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;border-radius:3px;}
:root *> input{overflow:visible;
:root *> input{
overflow:visible; 
height:22px;
padding:0px;
outline:0;
vertical-align:middle;
margin:0;
line-height:16px; 
top:-1px;
overflow:visible; 
border:thin solid #3333dd;
border-radius:3px;
-webkit-border-radius:3px;/* Chrome & Safari */
-moz-border-radius:3px;/* Firefox */
cursor:pointer;
}
:root *> select{
overflow:visible; 
height:22px;
padding:0px;
outline:0;
vertical-align:middle;
margin:0;
line-height:16px; 
top:-1px;
overflow:visible; 
border:thin solid ##3333dd;
border-radius:3px;
-webkit-border-radius:3px;/* Chrome & Safari */
-moz-border-radius:3px;/* Firefox */
cursor:pointer;
}
:root *> input[type="text"]{padding-left:3px;}
:root *> input[type="submit"]{min-width:50px;cursor:pointer;}
:root *> input[type="button"]{min-width:50px;cursor:pointer;}
:root *> input[type="reset"]{min-width:50px;cursor:pointer;}
:root *> textarea{
border:thin solid #3333dd;
border-radius:3px;
-webkit-border-radius:3px;/* Chrome & Safari */
-moz-border-radius:3px;/* Firefox */
}
input[type="range"] {
-webkit-appearance:none;
width:100%;
height:30px;
/*
background: #f0f0ff;
border-color: #3333dd;
*/
background-color: rgba(0,0,0,0);
border:0px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background: #3333dd;
width: 10px;
height: 30px;
border-radius: 5px;
}
input[type="range"]::-webkit-slider-thumb:hover {
background: #f0f0ff;
}
input[type="range"]::-webkit-slider-thumb:active {
border:1px solid #3333dd;
background: #f0f0ff;
}
textarea:focus{outline:none;}
/* 入力フォーム関連 ここまで */


/* Google Map */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 320px;
height: 210px;
}


