/****************************************
          0. ブラウザリセット
*****************************************/
*{
border:none;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{
     margin:0;
     padding:0;
}

/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}*/

h1,h2,h3,h4,h5,h6,caption,address,th{
     font-style:normal;
}

ul,ol,li,dl,dt,dd{
     list-style-type:none;
     list-style-position:outside;
}

fieldset{
     border:none;
}

legend{
     display:none;
}

img{
     border:0;
     vertical-align:top;
}

hr{
     display:none;
     clear:both;
}

br{
     letter-spacing:0;
}

/* form */
button,fieldset,form,input,label,legend,select,textarea{
     font-family:inherit;
     font-style:inherit;
     font-weight:inherit;
     font-size:100%;
     margin:0;
     padding:0;
     vertical-align:baseline;
}
select{
     padding:2px;
}


/****************************************
          1. ベース指定
*****************************************/
/**{}*/
/* IE7でpadding指定 */
/**:first-child+html body {padding-left: 1px;}*/
/* IE6以下でpadding指定 */
*html body {padding-left: 1px;}

/*--clearfix--*/

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

.of-parent {
  overflow: hidden;
  zoom: 1;
}
.of-child {
  float: left;
}

/* 要素指定
-------------------------------------------------*/
html,body{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	font-size: 16px;
	height: 100%;
	width: 100%;
	position: relative;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}

/*h1,h2,h3,h4,h5{
     font-weight: normal;
     font-size: 14px;
     margin:0;
     padding:0;
}

*/
/* 罫線指定
-------------------------------------------------*/
hr.dashed {
    border-top: 1px dotted #999999;
    border-bottom: 0;
    padding: 0;
    margin: 2px 0;
     clear: both;
}

/* ベースリンク指定
-------------------------------------------------*/
a{
     outline:none;
}

a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:active { text-decoration:none;}
a:hover { text-decoration:underline;}

/*h1{
  font-family: sans-serif;
}

h2{
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin:0 0 20px 10px;
}

h3{
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0;
	color:#FF0;
}
h3 span.homen{font-size: 32px;}*/

/****************************************
          3. モジュール
*****************************************/



/* ページトップ指定
-------------------------------------------------*/
#pagetop {
    width: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 300;
}
#pagetop img{width: 100%;}
#pagetop a {
    text-align: center;
    display: block;
}
#pagetop a:hover {
    text-decoration: none;
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

/****************************************
          4. 使いまわしパーツ
*****************************************/

/* パンくず
-------------------------------------------------*/
.l-pan-list{
    width: 100%;
    padding: 8px 0 12px;
    background-color: #FFF;
    border-bottom:1px solid #EEE;
    border-top:1px solid #EEE;
}
.pan-box{
    width: 960px;
    height: 20px;
    margin: 0 auto;
}
.pan{
    width: 70%;
    height: 20px;
    margin: 0;
    float: left;
}
.pan li{
    float: left;
    padding: 2px 5px 2px 0;
    font-size: 12px;
    line-height: 20px;
    color: #CC3366;
}
.pan li:last-child{
    font-weight: bold;
    float: left;
    padding: 2px 5px 2px 0;
    font-size: 13px;
    line-height: 20px;
}
.pan li img{
    padding: 4px 4px 2px 3px;
}
.pan li a{
    text-decoration: underline;
    color: #666;
}
.pan li a:hover{
    text-decoration: none;
}
.pan-sns{
    width: 30%;
    height: 20px;
    float: right
}
.pan-facebook{
    float: right;
    width: 100px;
    height: 20px;
    margin: 0 0;
}
.pan-twitter{
    float: right;
    width: 80px;
    height: 20px;
    margin: 0 5px 0 10px;
}

/****************************************
        5. パーツ指定
*****************************************/


/* 文字サイズ変更用
-------------------------------------------------*/
.txt6{font-size: 6px;}
.txt8{font-size: 8px;}
.txt9{font-size: 9px;}
.txt10{font-size: 10px;}
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt13{font-size: 13px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15px;}
.txt16{font-size: 16px;}
.txt17{font-size: 17px;}
.txt18{font-size: 18px;}
.txt20{font-size: 20px;}
.txt22{font-size: 22px;}
.txt24{font-size: 24px;}
.txt26{font-size: 26px;}
.txt28{font-size: 28px;}
.txt30{font-size: 30px;}
.txt32{font-size: 32px;}
.txt36{font-size: 36px;}
.txt48{font-size: 48px;}
.txt72{font-size: 72px;}

.font10px{font-size:84%;}
.font11px{font-size:92%;}
.font12px{font-size:100%;}
.font13px{font-size:109%;}
.font14px{font-size:117%;}
.font15px{font-size:125%;}
.font16px{font-size:134%;}
.font17px{font-size:142%;}
.font18px{font-size:150%;}
.font19px{font-size:159%;}
.font20px{font-size:167%;}
.font21px{font-size:175%;}
.font22px{font-size:184%;}
.font23px{font-size:192%;}
.font24px{font-size:200%;}
.font25px{font-size:209%;}
.font26px{font-size:217%;}

/* 文字カラー
-------------------------------------------------*/
.black{color:#000000;}
.red{color: #FF0000;}
.red_text{color: #f80a3c;}
.yellow{color: #FFCC00;}
.blue{color:#1badd1;}
.orange{color: #FC930B;}
.darkbrown {color:#DA0B00;}
.gtxt{ color: #360;}
.winered{ color: #5C0201;}

/* 文字効果
-------------------------------------------------*/
.bold {
    vertical-align: baseline;
    font-weight: bold;
     /*display:inline;*/
}
.bolder{
    vertical-align: baseline;
    font-weight: bolder;
    display:inline;
}

.meiryo{font-family:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

a:link { color:#006699; text-decoration:underline;!important}
a:visited { color:#006699; text-decoration:underline;!important}
a:active { color:#FF3333; text-decoration:none;!important}
a:hover { color:#FF3333; text-decoration:none;!important}

a.is-hover{
    background-color:#fff; /*背景に白を設定*/
    display:block; /*ブロック化重要！*/
    }
a.is-hover img{
    transition:all 0.5s ease;
    }
a:hover.is-hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    }

/* 画像効果
-------------------------------------------------*/
.is-pic-hover{display:block;}
.is-pic-hover a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}


/* 背景カラー
-------------------------------------------------*/
/*.bg_orange{display: inline-block; _display: inline; background-color:#FFEFB0; margin:1px;}
.bg_green{display: inline-block; _display: inline; background-color:#D7FFD7; margin:1px;}
.bg_blue{display: inline-block; _display: inline; background-color:#CCFFFF; margin:1px;}
.bg_white{background-color:#FFFFFF; }*/
.is-bg-n{background:none; }


/* スペーサー
-------------------------------------------------*/
.spacer10 { clear: both; height: 10px;}
.spacer20 { clear: both; height: 20px;}
.spacer30 { clear: both; height: 30px;}
.spacer40 { clear: both; height: 40px;}
.spacer50 { clear: both; height: 50px;}
.spacer60 { clear: both; height: 60px;}
.spacer70 { clear: both; height: 70px;}
.spacer80 { clear: both; height: 80px;}
.spacer90 { clear: both; height: 90px;}
.spacer100 { clear: both; height: 100px;}


/* marginによる幅調整
-------------------------------------------------*/
/* マージントップ */

.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}
.mt160{margin-top: 160px;}
.mt170{margin-top: 170px;}
.mt180{margin-top: 180px;}
.mt190{margin-top: 190px;}
.mt200{margin-top: 200px;}

/* マージンライト */
.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}
.mr110{margin-right: 110px;}
.mr120{margin-right: 120px;}
.mr130{margin-right: 130px;}
.mr140{margin-right: 140px;}
.mr150{margin-right: 150px;}
.mr160{margin-right: 160px;}
.mr170{margin-right: 170px;}
.mr180{margin-right: 180px;}
.mr190{margin-right: 190px;}
.mr200{margin-right: 200px;}


/* マージンボトム */
.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb130{margin-bottom: 130px;}
.mb140{margin-bottom: 140px;}
.mb150{margin-bottom: 150px;}
.mb160{margin-bottom: 160px;}
.mb170{margin-bottom: 170px;}
.mb180{margin-bottom: 180px;}
.mb190{margin-bottom: 190px;}
.mb200{margin-bottom: 200px;}

/* マージントップ */
.r-mt0{margin-top: 0%;}
.r-mt1{margin-top: 1%;}
.r-mt2{margin-top: 2%;}
.r-mt3{margin-top: 3%;}
.r-mt4{margin-top: 4%;}
.r-mt5{margin-top: 5%;}
.r-mt10{margin-top: 10%;}
.r-mt15{margin-top: 15%;}
.r-mt20{margin-top: 20%;}
.r-mt25{margin-top: 25%;}
.r-mt30{margin-top: 30%;}
.r-mt40{margin-top: 40%;}
.r-mt50{margin-top: 50%;}
.r-mt60{margin-top: 60%;}
.r-mt70{margin-top: 70%;}
.r-mt80{margin-top: 80%;}
.r-mt90{margin-top: 90%;}

/* マージンボトム */
.r-mb0{margin-bottom: 0%;}
.r-mb1{margin-bottom: 1%;}
.r-mb2{margin-bottom: 2%;}
.r-mb3{margin-bottom: 3%;}
.r-mb4{margin-bottom: 4%;}
.r-mb5{margin-bottom: 5%;}
.r-mb6{margin-bottom: 6%;}
.r-mb10{margin-bottom: 10%;}
.r-mb15{margin-bottom: 15%;}
.r-mb20{margin-bottom: 20%;}
.r-mb25{margin-bottom: 25%;}
.r-mb30{margin-bottom: 30%;}
.r-mb40{margin-bottom: 40%;}
.r-mb50{margin-bottom: 50%;}
.r-mb60{margin-bottom: 60%;}
.r-mb70{margin-bottom: 70%;}
.r-mb80{margin-bottom: 80%;}
.r-mb90{margin-bottom: 90%;}


/* マージンレフト */
.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}
.ml110{margin-left: 110px;}
.ml120{margin-left: 120px;}
.ml130{margin-left: 130px;}
.ml140{margin-left: 140px;}
.ml150{margin-left: 150px;}
.ml160{margin-left: 160px;}
.ml170{margin-left: 170px;}
.ml180{margin-left: 180px;}
.ml190{margin-left: 190px;}
.ml200{margin-left: 200px;}


/* paddingによる幅調整
-------------------------------------------------*/
/* パディング */

.p1{ padding:1px;}
.p2{ padding:2px;}
.p3{ padding:3px;}
.p4{ padding:4px;}
.p5{ padding:5px;}
.p6{ padding:6px;}
.p7{ padding:7px;}
.p8{ padding:8px;}
.p9{ padding:9px;}
.p10{ padding:10px;}
.p15{ padding:15px;}
.p20{ padding:20px;}

/* パディングレフト */
.pd0{padding: 0;}
.pd5{padding: 10px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd60{padding: 60px;}
.pd70{padding: 70px;}
.pd80{padding: 80px;}
.pd90{padding: 90px;}
.pd100{padding: 100px;}
.pd110{padding: 110px;}
.pd120{padding: 120px;}
.pd130{padding: 130px;}
.pd140{padding: 140px;}
.pd150{padding: 150px;}
.pd160{padding: 160px;}
.pd170{padding: 170px;}
.pd180{padding: 180px;}
.pd190{padding: 190px;}
.pd200{padding: 200px;}


.pt0{padding-top: 0;}
.pt1{padding-top: 1px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.pt110{padding-top: 110px;}
.pt120{padding-top: 120px;}
.pt130{padding-top: 130px;}
.pt140{padding-top: 140px;}
.pt150{padding-top: 150px;}
.pt160{padding-top: 160px;}
.pt170{padding-top: 170px;}
.pt180{padding-top: 180px;}
.pt190{padding-top: 190px;}
.pt200{padding-top: 200px;}

/* パディングライト */
.pr0{padding-right: 0}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}
.pr110{padding-right: 110px;}
.pr120{padding-right: 120px;}
.pr130{padding-right: 130px;}
.pr140{padding-right: 140px;}
.pr150{padding-right: 150px;}
.pr160{padding-right: 160px;}
.pr170{padding-right: 170px;}
.pr180{padding-right: 180px;}
.pr190{padding-right: 190px;}
.pr200{padding-right: 200px;}


/* パディングボトム */
.pb0{padding-bottom: 0;}
.pb1{padding-bottom: 1px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.pb110{padding-bottom: 110px;}
.pb120{padding-bottom: 120px;}
.pb130{padding-bottom: 130px;}
.pb140{padding-bottom: 140px;}
.pb150{padding-bottom: 150px;}
.pb160{padding-bottom: 160px;}
.pb170{padding-bottom: 170px;}
.pb180{padding-bottom: 180px;}
.pb190{padding-bottom: 190px;}
.pb200{padding-bottom: 200px;}


/* パディングレフト */
.pl0{padding-left: 0;}
.pl5{padding-left: 10px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pl110{padding-left: 110px;}
.pl120{padding-left: 120px;}
.pl130{padding-left: 130px;}
.pl140{padding-left: 140px;}
.pl150{padding-left: 150px;}
.pl160{padding-left: 160px;}
.pl170{padding-left: 170px;}
.pl180{padding-left: 180px;}
.pl190{padding-left: 190px;}
.pl200{padding-left: 200px;}

/* 最小幅調整
-------------------------------------------------*/
.min_w30{ min-width: 30px;}
.min_w40{ min-width: 40px;}
.min_w50{ min-width: 50px;}
.min_w60{ min-width: 60px;}
.min_w80{ min-width: 70px;}
.min_w80{ min-width: 80px;}
.min_w90{ min-width: 90px;}
.min_w100{ min-width: 100px;}
.min_w110{ min-width: 110px;}
.min_w115{ min-width: 115px;}
.min_w120{ min-width: 120px;}
.min_w130{ min-width: 130px;}
.min_w140{ min-width: 140px;}
.min_w150{ min-width: 150px;}
.min_w160{ min-width: 160px;}
.min_w170{ min-width: 170px;}
.min_w180{ min-width: 180px;}
.min_w190{ min-width: 190px;}
.min_w200{ min-width: 200px;}

.max_w30{ max-width: 30px;}
.max_w40{ max-width: 40px;}
.max_w50{ max-width: 50px;}
.max_w60{ max-width: 60px;}
.max_w80{ max-width: 70px;}
.max_w80{ max-width: 80px;}
.max_w90{ max-width: 90px;}
.max_w100{ max-width: 100px;}
.max_w110{ max-width: 110px;}
.max_w115{ max-width: 115px;}
.max_w120{ max-width: 120px;}
.max_w130{ max-width: 130px;}
.max_w140{ max-width: 140px;}
.max_w150{ max-width: 150px;}
.max_w160{ max-width: 160px;}
.max_w170{ max-width: 170px;}
.max_w180{ max-width: 180px;}
.max_w190{ max-width: 190px;}
.max_w200{ max-width: 200px;}


/* フロート調整
-------------------------------------------------*/
.is-right{float: right;}
.is-left{float: left;}
.is-center {clear: both;text-align:center;}


.is-top {
    vertical-align:top !important;
    margin-top:0;
    margin-bottom:auto;
}
.is-middle {
    vertical-align:middle !important;
    margin-top:auto;
    margin-bottom:auto;
}
.is-bottom {
    vertical-align:bottom !important;
    margin-top:auto;
    margin-bottom:0;
}
.is-align_left {text-align:left !important;}
.is-align_center {text-align:center !important;}
.is-align_right {text-align:right !important;}

.is-box-sizing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 角丸
-------------------------------------------------*/
.is-br0{border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;}
.is-br1{border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;}
.is-br2{border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;}
.is-br3{border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;}
.is-br4{border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;}
.is-br5{border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
.is-br6{border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;}
.is-br7{border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;}
.is-br8{border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;}
.is-br9{border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;}
.is-br10{border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;}


/* 基本 16色
-------------------------------------------------*/
.Black{color:#000000;}
.Silver{color:#C0C0C0;}
.Gray{color:#808080;}
.White{color:#FFFFFF;}
.Maroon{color:#800000;}
.Red{color:#FF0000;}
.Purple{color:#800080;}
.Fuchsia{color:#FF00FF;}
.Green{color:#008000;}
.Lime{color:#00FF00;}
.Olive{color:#808000;}
.Yellow{color:#FFFF00;}
.Navy{color:#000080;}
.Blue{color:#0000FF;}
.Teal{color:#008080;}
.Aqua{color:#00FFFF;}

.bg-Black{background-color: #000000;}
.bg-Silver{background-color:#C0C0C0;}
.bg-Gray{background-color:#808080;}
.bg-White{background-color:#FFFFFF;}
.bg-Maroon{background-color:#800000;}
.bg-Red{background-color:#FF0000;}
.bg-Purple{background-color:#800080;}
.bg-Fuchsia{background-color:#FF00FF;}
.bg-Green{background-color:#008000;}
.bg-Lime{background-color:#00FF00;}
.bg-Olive{background-color:#808000;}
.bg-Yellow{background-color:#FFFF00;}
.bg-Navy{background-color:#000080;}
.bg-Blue{background-color:#0000FF;}
.bg-Teal{background-color:#008080;}
.bg-Aqua{background-color:#00FFFF;}


/* CSS3 147色
-------------------------------------------------*/

.AliceBlue{color:#F0F8FF;}
.AntiqueWhite{color:#FAEBD7;}
.Aqua{color:#00FFFF;}
.Aquamarine {color:#7FFFD4;}
.Azure {color:#F0FFFF;}
.Beige {color:#F5F5DC;}
.Bisque {color:#FFE4C4;}
.Black {color:#000000;}
.BlanchedAlmond {color:#FFEBCD;}
.Blue {color:#0000FF;}
.BlueViolet {color:#8A2BE2;}
.Brown {color:#A52A2A;}
.BurlyWood {color:#DEB887;}
.CadetBlue {color:#5F9EA0;}
.Chartreuse {color:#7FFF00;}
.Chocolate {color:#D2691E;}
.Coral {color:#FF7F50;}
.CornflowerBlue {color:#6495ED;}
.Cornsilk {color:#FFF8DC;}
.Crimson {color:#DC143C;}
.Cyan {color:#00FFFF;}
.DarkBlue {color:#00008B;}
.DarkCyan {color:#008B8B;}
.DarkGoldenRod {color:#B8860B;}
.DarkGray {color:#A9A9A9;}
.DarkGrey {color:#A9A9A9;}
.DarkGreen {color:#006400;}
.DarkKhaki {color:#BDB76B;}
.DarkMagenta {color:#8B008B;}
.DarkOliveGreen {color:#556B2F;}
.Darkorange {color:#FF8C00;}
.DarkOrchid {color:#9932CC;}
.DarkRed {color:#8B0000;}
.DarkSalmon {color:#E9967A;}
.DarkSeaGreen {color:#8FBC8F;}
.DarkSlateBlue {color:#483D8B;}
.DarkSlateGray {color:#2F4F4F;}
.DarkSlateGrey {color:#2F4F4F;}
.DarkTurquoise {color:#00CED1;}
.DarkViolet {color:#9400D3;}
.DeepPink {color:#FF1493;}
.DeepSkyBlue {color:#00BFFF;}
.DimGray {color:#696969;}
.DimGrey {color:#696969;}
.DodgerBlue {color:#1E90FF;}
.FireBrick {color:#B22222;}
.FloralWhite {color:#FFFAF0;}
.ForestGreen {color:#228B22;}
.Fuchsia {color:#FF00FF;}
.Gainsboro {color:#DCDCDC;}
.GhostWhite {color:#F8F8FF;}
.Gold {color:#FFD700;}
.GoldenRod {color:#DAA520;}
.Gray {color:#808080;}
.Grey {color:#808080;}
.Green {color:#008000;}
.GreenYellow {color:#ADFF2F;}
.HoneyDew {color:#F0FFF0;}
.HotPink {color:#FF69B4;}
.IndianRed {color:#CD5C5C;}
.Indigo {color:#4B0082;}
.Ivory {color:#FFFFF0;}
.Khaki {color:#F0E68C;}
.Lavender {color:#E6E6FA;}
.LavenderBlush {color:#FFF0F5;}
.LawnGreen {color:#7CFC00;}
.LemonChiffon {color:#FFFACD;}
.LightBlue {color:#ADD8E6;}
.LightCoral {color:#F08080;}
.LightCyan {color:#E0FFFF;}
.LightGoldenRodYellow {color:#FAFAD2;}
.LightGray {color:#D3D3D3;}
.LightGreen {color:#90EE90;}
.LightPink {color:#FFB6C1;}
.LightSalmon {color:#FFA07A;}
.LightSeaGreen {color:#20B2AA;}
.LightSkyBlue {color:#87CEFA;}
.LightSlateGray {color:#778899;}
.LightSlateGrey {color:#778899;}
.LightSteelBlue {color:#B0C4DE;}
.LightYellow {color:#FFFFE0;}
.Lime {color:#00FF00;}
.LimeGreen {color:#32CD32;}
.Linen {color:#FAF0E6;}
.Magenta {color:#FF00FF;}
.Maroon {color:#800000;}
.MediumAquaMarine {color:#66CDAA;}
.MediumBlue {color:#0000CD;}
.MediumOrchid {color:#BA55D3;}
.MediumPurple {color:#9370D8;}
.MediumSeaGreen {color:#3CB371;}
.MediumSlateBlue {color:#7B68EE;}
.MediumSpringGreen {color:#00FA9A;}
.MediumTurquoise {color:#48D1CC;}
.MediumVioletRed {color:#C71585;}
.MidnightBlue {color:#191970;}
.MintCream {color:#F5FFFA;}
.MistyRose {color:#FFE4E1;}
.Moccasin {color:#FFE4B5;}
.NavajoWhite {color:#FFDEAD;}
.Navy {color:#000080;}
.OldLace {color:#FDF5E6;}
.Olive {color:#808000;}
.OliveDrab {color:#6B8E23;}
.Orange {color:#FFA500;}
.OrangeRed {color:#FF4500;}
.Orchid {color:#DA70D6;}
.PaleGoldenRod {color:#EEE8AA;}
.PaleGreen {color:#98FB98;}
.PaleTurquoise {color:#AFEEEE;}
.PaleVioletRed {color:#D87093;}
.PapayaWhip {color:#FFEFD5;}
.PeachPuff {color:#FFDAB9;}
.Peru {color:#CD853F;}
.Pink {color:#FFC0CB;}
.Plum {color:#DDA0DD;}
.PowderBlue {color:#B0E0E6;}
.Purple {color:#800080;}
.Red {color:#FF0000;}
.RosyBrown {color:#BC8F8F;}
.RoyalBlue {color:#4169E1;}
.SaddleBrown {color:#8B4513;}
.Salmon {color:#FA8072;}
.SandyBrown {color:#F4A460;}
.SeaGreen {color:#2E8B57;}
.SeaShell {color:#FFF5EE;}
.Sienna {color:#A0522D;}
.Silver {color:#C0C0C0;}
.SkyBlue {color:#87CEEB;}
.SlateBlue {color:#6A5ACD;}
.SlateGray {color:#708090;}
.SlateGrey {color:#708090;}
.Snow {color:#FFFAFA;}
.SpringGreen {color:#00FF7F;}
.SteelBlue {color:#4682B4;}
.Tan {color:#D2B48C;}
.Teal {color:#008080;}
.Thistle {color:#D8BFD8;}
.Tomato {color:#FF6347;}
.Turquoise {color:#40E0D0;}
.Violet {color:#EE82EE;}
.Wheat {color:#F5DEB3;}
.White {color:#FFFFFF;}
.WhiteSmoke {color:#F5F5F5;}
.Yellow {color:#FFFF00;}
.YellowGreen {color:#9ACD32;}

.bg-AliceBlue{background-color:#F0F8FF;}
.bg-AntiqueWhite{background-color:#FAEBD7;}
.bg-Aqua{background-color:#00FFFF;}
.bg-Aquamarine {background-color:#7FFFD4;}
.bg-Azure {background-color:#F0FFFF;}
.bg-Beige {background-color:#F5F5DC;}
.bg-Bisque {background-color:#FFE4C4;}
.bg-Black {background-color:#000000;}
.bg-BlanchedAlmond {background-color:#FFEBCD;}
.bg-Blue {background-color:#0000FF;}
.bg-BlueViolet {background-color:#8A2BE2;}
.bg-Brown {background-color:#A52A2A;}
.bg-BurlyWood {background-color:#DEB887;}
.bg-CadetBlue {background-color:#5F9EA0;}
.bg-Chartreuse {background-color:#7FFF00;}
.bg-Chocolate {background-color:#D2691E;}
.bg-Coral {background-color:#FF7F50;}
.bg-CornflowerBlue {background-color:#6495ED;}
.bg-Cornsilk {background-color:#FFF8DC;}
.bg-Crimson {background-color:#DC143C;}
.bg-Cyan {background-color:#00FFFF;}
.bg-DarkBlue {background-color:#00008B;}
.bg-DarkCyan {background-color:#008B8B;}
.bg-DarkGoldenRod {background-color:#B8860B;}
.bg-DarkGray {background-color:#A9A9A9;}
.bg-DarkGrey {background-color:#A9A9A9;}
.bg-DarkGreen {background-color:#006400;}
.bg-DarkKhaki {background-color:#BDB76B;}
.bg-DarkMagenta {background-color:#8B008B;}
.bg-DarkOliveGreen {background-color:#556B2F;}
.bg-Darkorange {background-color:#FF8C00;}
.bg-DarkOrchid {background-color:#9932CC;}
.bg-DarkRed {background-color:#8B0000;}
.bg-DarkSalmon {background-color:#E9967A;}
.bg-DarkSeaGreen {background-color:#8FBC8F;}
.bg-DarkSlateBlue {background-color:#483D8B;}
.bg-DarkSlateGray {background-color:#2F4F4F;}
.bg-DarkSlateGrey {background-color:#2F4F4F;}
.bg-DarkTurquoise {background-color:#00CED1;}
.bg-DarkViolet {background-color:#9400D3;}
.bg-DeepPink {background-color:#FF1493;}
.bg-DeepSkyBlue {background-color:#00BFFF;}
.bg-DimGray {background-color:#696969;}
.bg-DimGrey {background-color:#696969;}
.bg-DodgerBlue {background-color:#1E90FF;}
.bg-FireBrick {background-color:#B22222;}
.bg-FloralWhite {background-color:#FFFAF0;}
.bg-ForestGreen {background-color:#228B22;}
.bg-Fuchsia {background-color:#FF00FF;}
.bg-Gainsboro {background-color:#DCDCDC;}
.bg-GhostWhite {background-color:#F8F8FF;}
.bg-Gold {background-color:#FFD700;}
.bg-GoldenRod {background-color:#DAA520;}
.bg-Gray {background-color:#808080;}
.bg-Green {background-color:#008000;}
.bg-GreenYellow {background-color:#ADFF2F;}
.bg-HoneyDew {background-color:#F0FFF0;}
.bg-HotPink {background-color:#FF69B4;}
.bg-IndianRed {background-color:#CD5C5C;}
.bg-Indigo {background-color:#4B0082;}
.bg-Ivory {background-color:#FFFFF0;}
.bg-Khaki {background-color:#F0E68C;}
.bg-Lavender {background-color:#E6E6FA;}
.bg-LavenderBlush {background-color:#FFF0F5;}
.bg-LawnGreen {background-color:#7CFC00;}
.bg-LemonChiffon {background-color:#FFFACD;}
.bg-LightBlue {background-color:#ADD8E6;}
.bg-LightCoral {background-color:#F08080;}
.bg-LightCyan {background-color:#E0FFFF;}
.bg-LightGoldenRodYellow {background-color:#FAFAD2;}
.bg-LightGray {background-color:#D3D3D3;}
.bg-LightGreen {background-color:#90EE90;}
.bg-LightPink {background-color:#FFB6C1;}
.bg-LightSalmon {background-color:#FFA07A;}
.bg-LightSeaGreen {background-color:#20B2AA;}
.bg-LightSkyBlue {background-color:#87CEFA;}
.bg-LightSlateGray {background-color:#778899;}
.bg-LightSlateGrey {background-color:#778899;}
.bg-LightSteelBlue {background-color:#B0C4DE;}
.bg-LightYellow {background-color:#FFFFE0;}
.bg-Lime {background-color:#00FF00;}
.bg-LimeGreen {background-color:#32CD32;}
.bg-Linen {background-color:#FAF0E6;}
.bg-Magenta {background-color:#FF00FF;}
.bg-Maroon {background-color:#800000;}
.bg-MediumAquaMarine {background-color:#66CDAA;}
.bg-MediumBlue {background-color:#0000CD;}
.bg-MediumOrchid {background-color:#BA55D3;}
.bg-MediumPurple {background-color:#9370D8;}
.bg-MediumSeaGreen {background-color:#3CB371;}
.bg-MediumSlateBlue {background-color:#7B68EE;}
.bg-MediumSpringGreen {background-color:#00FA9A;}
.bg-MediumTurquoise {background-color:#48D1CC;}
.bg-MediumVioletRed {background-color:#C71585;}
.bg-MidnightBlue {background-color:#191970;}
.bg-MintCream {background-color:#F5FFFA;}
.bg-MistyRose {background-color:#FFE4E1;}
.bg-Moccasin {background-color:#FFE4B5;}
.bg-NavajoWhite {background-color:#FFDEAD;}
.bg-Navy {background-color:#000080;}
.bg-OldLace {background-color:#FDF5E6;}
.bg-Olive {background-color:#808000;}
.bg-OliveDrab {background-color:#6B8E23;}
.bg-Orange {background-color:#FFA500;}
.bg-OrangeRed {background-color:#FF4500;}
.bg-Orchid {background-color:#DA70D6;}
.bg-PaleGoldenRod {background-color:#EEE8AA;}
.bg-PaleGreen {background-color:#98FB98;}
.bg-PaleTurquoise {background-color:#AFEEEE;}
.bg-PaleVioletRed {background-color:#D87093;}
.bg-PapayaWhip {background-color:#FFEFD5;}
.bg-PeachPuff {background-color:#FFDAB9;}
.bg-Peru {background-color:#CD853F;}
.bg-Pink {background-color:#FFC0CB;}
.bg-Plum {background-color:#DDA0DD;}
.bg-PowderBlue {background-color:#B0E0E6;}
.bg-Purple {background-color:#800080;}
.bg-Red {background-color:#FF0000;}
.bg-RosyBrown {background-color:#BC8F8F;}
.bg-RoyalBlue {background-color:#4169E1;}
.bg-SaddleBrown {background-color:#8B4513;}
.bg-Salmon {background-color:#FA8072;}
.bg-SandyBrown {background-color:#F4A460;}
.bg-SeaGreen {background-color:#2E8B57;}
.bg-SeaShell {background-color:#FFF5EE;}
.bg-Sienna {background-color:#A0522D;}
.bg-Silver {background-color:#C0C0C0;}
.bg-SkyBlue {background-color:#87CEEB;}
.bg-SlateBlue {background-color:#6A5ACD;}
.bg-SlateGray {background-color:#708090;}
.bg-Snow {background-color:#FFFAFA;}
.bg-SpringGreen {background-color:#00FF7F;}
.bg-SteelBlue {background-color:#4682B4;}
.bg-Tan {background-color:#D2B48C;}
.bg-Teal {background-color:#008080;}
.bg-Thistle {background-color:#D8BFD8;}
.bg-Tomato {background-color:#FF6347;}
.bg-Turquoise {background-color:#40E0D0;}
.bg-Violet {background-color:#EE82EE;}
.bg-Wheat {background-color:#F5DEB3;}
.bg-White {background-color:#FFFFFF;}
.bg-WhiteSmoke {background-color:#F5F5F5;}
.bg-Yellow {background-color:#FFFF00;}
.bg-YellowGreen {background-color:#9ACD32;}

/* ボタンパターン
-------------------------------------------------*/

.myButton {
	width:80%;
	/*-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);*/
	background-color:#ffec64;
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	/*border:1px solid #ffaa22;*/
	display:inline-block;
	cursor:pointer;
	color:#333333!important;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:bold;
	padding:14px 24px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #ffee66;*/
}
.myButton:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);*/
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}

@media screen and (max-width: 768px){
	.myButton{padding:10px 14px;}
	}