@charset "UTF-8";

h1 {
       color: #000000;
       font-size: 20px;
       margin: 0px;
}

h2 {
       color: #000000;
       font-size: 18px;
       margin: 0px;
}

h3 {
       color: #000000;
       font-size: 10px;
       margin: 0px;
}
body{
       margin:0px;
       padding:0px;
}
body, p, td, div {
       font-size: 16px;
       font-family: Verdana, "Droid Sans", Roboto, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

body {
       color: #000000;
       background-color: #ffffff;
       line-height: 1.5;
       -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
       -o-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

td {
       text-align: left;
}

td#kon {
       text-align: center;
} 

#main{
       margin-left: auto;
       margin-right: auto;
       text-align: left;
       width: 980px; 
}

.size_18 {
       font-size: 18px;
}

.size_16 {
       font-size: 16px;
}

.kome {
       font-size: 14px;
}

.size_13p {
       font-size: 13px;
       font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
}

a {
       color: #0E1BBB;
       text-decoration: none;
}

a:hover {
       color: #ff0000;
       text-decoration: underline;
}

a img {border-style:none;}

a.nashi {
       text-decoration: none;
       color: #000000; 
}

a:hover.white {
       color: #ffffff;
       text-decoration: underline;
}

a:link.white {
       color: #ffffff;
}

a.amazon {
       text-decoration: underline;
       color: #0000CD; 
       font-weight: bold;
}

a.yogo {
       text-decoration: none;
       color: #cc0000; 
}

a:hover.yogo {
       text-decoration: underline;
       color: #000099;
       position: relative;
       top: 2px; 
       left: 2px;
}

.white {
       color: #ffffff;
       font-size: 14px;
}

.hon {
       font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
}

.all {
       font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
       font-size: 12px;
}

.link {
       font-weight: bold;
}

.size_10 {
       font-size: 10px;
}

.boder {
       width: 270px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8080ff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.boder2 {
       width: 170px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8080ff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.hwideyellow {
       background-color: #ffff55; padding: 0.3em 0px;
}

div.waku {
       margin-left:60px;
       margin-bottom:10px;
       padding:4px 1px;
       border:1px solid #8080C0;
       background-color : #ffffff;
       width:740px;
}

.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #ff7c5c;/*左線*/
    color: #ff7c5c;/*文字色*/
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.square_btn2{
    text-decoration: none;
    font-weight: bold;
    font-size: 37px;
    color: #799dec;
    text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.32), 0px 1px 0px #6182ca, 0px 2px 0px #4f6aa7, 0px 3px 0px #5470ad;
}
.square_btn2:active {
    top: 4px;
    text-shadow: none;
}

.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker_lime {
background: linear-gradient(transparent 60%, #66ffcc 60%);
}

.marker_water {
background: linear-gradient(transparent 60%, #66ccff 60%);
}

.marker_pink {
background: linear-gradient(transparent 70%, #ffdfef 70%);
}