@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body { 
margin:0;
padding:0;
}
body { 
min-width:680px;
background-color:#FFFFFF;
color:#000000;
font-family: 'Noto Sans Japanese', 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", 'メイリオ', Meiryo, sans-serif; 
}
.serif { font-family: "Times New Roman", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
@media print {
    .serif { font-family: "游明朝", YuMincho, serif; }
    .sans-serif { font-family: "游ゴシック", YuGothic, sans-serif; }
}

a {
color:#000000;
}


.clear {
clear:both;
}

.outline_w{
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}

.wtn_copyright {
display:none;
}

.subtitle{
font-weight:bold;
font-size:1.8em;
color:#666666;
padding-top:15px;
padding-bottom:30px;
}

.txtArea {
width:90%;
margin:0 auto;
}

#topbar {
height:24px;
width:100%;
background-color:#656565;
line-height:24px;
padding: 0;
text-align:right;
color:#ffffff;
}
#topbar h1{
font-size:0.9em;
line-height:24px;
margin:0;
padding:4px 0 0 5px;
position:relative;
top:-3px;
float:left;
}
#topbar h1 a{
text-decoration:none;
color:#ffffff;
}
#topbar h1 img#icon{
height:16px;
position:relative;
top:3px;
margin:0 5px 0 0;
}
#topbar ul.menu{
padding:0 10px 0 0;
list-style-type:none;
text-decoration:none;
font-weight:bold;
}
#topbar ul.menu a{
color:#ffffff;
text-decoration:none;
font-size:0.9em;
}

#topbar li{
display:inline;
padding: 0 5px 0 5px;
}

#top-slider {
background:#EAEAEA;
}

#sp-slide {

}

#sbbar{
padding: 0px 0 5px 0;
background-color:#EAEAEA;
text-align:right;
}

.centeringBox{
width:100%;
}

#applist {
margin:20px auto;
}
#applist a{
text-decoration: none;}

#applist .item{
width:50%;
margin:15px 0;
display: inline-block;
vertical-align:top;
}
/* ハックでIE6,7のみに適用 */
html*.item {
display: inline;
zoom: 1;
}

#applist .item a{
display: block;
width:300px;
margin:0 auto;
padding:10px;
border:3px solid #ffffff;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#applist .item a:hover{
border:3px solid #f3f3f3;
background-color:#FFFFF0;
}

#applist .item .img{
width:300px;
}

#applist .item .img img{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

#applist .item .text{
padding: 10px 0;
font-size:0.9em;
color:#666666;
}







#footer {
clear:both;
margin:60px 0 0 0;
padding:20px 20px 10px 10px;
background-color:#000000;
color:#ffffff;
font-size:0.8em;
text-align:right;
}
#footer a{
color:#ffffff;
}

#footer #links {
float:left;
}


@media screen and (min-width: 690px)  {
	#applist {
		/*width:690px;*/
	}
	#applist .item{
		width:50%;
	}
}

@media screen and (min-width: 1040px)  {
	#applist {
		/*width:1040px;*/
	}
	#applist .item{
		width:33.33%;
	}
}

@media screen and (min-width: 1390px)  {
	#applist {
		/*width:1390px;*/
	}
		#applist .item{
		width:25%;
	}
}



/*-----------------------------------------------------
  for AjaxMail
------------------------------------------------------*/
.zeromail .zipcode-message {
	font-size:85%;
	margin-left:0.5em;
}
/* Address Search */
.zeromail .zipcode-btn {
}
.zeromail .zipcode-message {
	color:#999;
}

/* Over Text Label */
.zeromail .overTxtLabel {
    color: #888888;
}

/* Validator Advice */
.zeromail input[type=text].validation-failed,
.zeromail textarea.validation-failed {
    border-color: #ff0000;
    background-color: #ffdddd;
}
.zeromail .validation-failed:hover,
.zeromail .validation-failed:focus {
	border-color: #FF6A6A;
	background-color: #FEE;
}
.zeromail .validation-advice {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ff0000;
}

.spinner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ffffff;
}

/* [Ajax] Result
--------------------------------------------------*/
#result {
	margin:10px 0px 10p 10pxx;
	background-color: #FFFFE6;
	text-align:center;
}

#result div {
	width:;
	margin:10px auto;
	border: 1px solid;
	border:dashed 1px #00AEAE;
	padding:10px;
}

#result:empty {
	margin:0;
    padding:0;
    border-width: 0;
}​

#result .success{
}