/**共通**/
/*BODY全体に関する設定*/
body {
       width:100%;
background-color#fff
       margin:auto;
       padding:0;
       font-size:13px;
       line-height: 160%;
       color:#222;
       font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
        scrollbar-face-color:#ffffff;
       scrollbar-highlight-color: #ffffff;
       scrollbar-track-color: #ffffff;
       scrollbar-shadow-color: #cde9a2;
       scrollbar-3dlight-color: #cde9a2;
       scrollbar-arrow-color: #cde9a2;
       scrollbar-darkshadow-color: #ffffff;}
h1 { font-size: 18pt;margin-top:28px}
h2 { font-size:16pt;}
h3 { font-size:12pt;
padding:15px 0px 15px 0px;
margin:26px 0px 0px 0px;
border-top:solid 1px #888;
border-bottom:solid 1px #888;

}
h4 { font-size:10pt;}
h1 em { color:#996600; }

/*テーブル*/
td {text-align:left;}

/*table全ての設定*/
table{border:0px; 
　　　border-collapse: collapse;
 　　　text-align:left;
          font-size:12px;
　　　padding:2px; }

/*リンク*/
a{ text-decoration:none;}
a:link { color:#993366;}

a:visited{ color:#663366;}

a:active { color:#9900CC;}

a:hover { color:#CC3399;  position:relative;top:1px;left:1px;}
h1 {margin:10px 0px 10px 0px;padding:0px 0px 0px 10px;}
h2 a:link { color:#333233;}
h2 a:visited { color:#333233;}


.boxSizing {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}






/*メインの設定*/
#mainBlock {width:700px;
               padding:10px 10px 0px 20px;
            text-align: center;
            background-color:#fff;}







@media screen and (max-width:480px)
{

#mainBlock {width:100%;
               padding:0px 5px 0px 0px;      text-align: center;
 margin:0px 0px;
            background-color:#fff;}
    }







/*テキスト*/
.left {text-align:left;}

.center {text-align:center;}

.right {text-align:right;}

/*フォーム*/
form{
margin:0
}

/**トップブロック用デザイン**/
#topcontainer
{width:100%;
height:80px;
border-bottom:solid 1px #888;
margin:0px 0px 15px 0px;
 text-align:left;
background-color#fff
}



#topl{width:70%;float:left;margin:0;}
#TopBlock {width:100%; float:left;}
                    
           
           }



#TopTitle {margin:20px 0px 0px 0px;
padding: 20px 0px 5px 0px;
           font-size:18px;
           font-weight:bold;
text-align:left;

}

#TopExplanation {margin:0px;
padding:0px 0px 8px 13px;
font:light 12px color:#555;
}

#topr{width:30%;float:left; margin:0;}









@media screen and (max-width:480px)
{

h1 { font-size: 26px;margin:12px 0px 0px 0px;line-height:140%;text-indent:0px;}

#topcontainer{width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 15px 20px;
 text-align:left;
border-bottom:none;
background-color:#fff;
}

#topl{width:90%;margin:0;}

#TopBlock {width:100%; 
                  margin:0px;
         text-align:left;
           }

#TopTitle {margin50px 0px 0px 0px;
padding: 10px 0px 5px 0px;
           font-size:14px;
           font-weight:bold;
text-align:left;
background-color:#fff;
}



#TopExplanation{width:90%;margin:0px;
border-bottom:solid 0px #888;background-color:#fff;}


#topr{width:0px;display:none;

}

}




/**フッター***/
#FooterBlock
 {width:650px;
background-color:#FFF;
margin:20px auto;
padding: 10px 5px 5px 5px;
clear:both;
text-align: left;
font-size:10px; 
clear:both;
}

@media screen and (max-width:480px)
{
#FooterBlock {width:85%;
background-color:#FFF;
margin:20px 0px;
padding: 10px 15px 5px 15px;
clear:both;
text-align: left;
font-size:10px; 

}

}


/**プラグイン**/

.PluginBlock {padding:0px 0px;
width: 250px;
text-align: left;
float:right;
background-color:#FFF;
border-left:solid 1px #888;
}


@media screen and (max-width:480px)
{

.PluginBlock {padding:0px;
width: 100%;
margin:0;
text-align: left;

background-color:#FFF;
border-left:solid 0px #888;
}


}


.PluginInnerBlock {
margin:0;
padding:0px 20px;}


.PluginTitle {
margin:0px;
padding:25px 0px 3px 23px;
background-color:#ffffff;
font-size:13px;
font-weight:bold;
color:#808080;
background-repeat:no-repeat;
}

.PluginExplanation {
margin:0;padding:5px 0px 0px 0px;
background-color:#ffffff;}

.pluginContents {
margin:0;
padding:5px 11px 3px 15px;
background-color:#ffffff;
background-repeat:no-repeat;
}

/**記事ブロック用デザイン**/

#EntryBlock {margin: 0;
            padding: 0px 0px 0px 0px;
background-color:#ffffff;
             width: 430px;
             float:left;
             text-align:left
        }



@media screen and (max-width:480px)
{
.clearboth{clear:both;}
#EntryBlock {margin: 0;
            padding: 0px;
background-color:#fff;
             width: 100%;
          
             text-align:left
        }
.EntryInnerBlock {margin:0px 0px 0px 0px;
                  padding: 10px 0px 10px 0px; 
                 text-align: left;
}




.EntryText {margin:0; padding:0px 5px 5px 5px; font-size:14px; line-height:200%;corlor:#333;

}

}



.EntryInnerBlock {margin:0px 0px 0px 0px;
                  padding: 10px 20px 10px 20px; 
                 text-align: left;
}


.EntryTitle {margin:15px 0px 12px 0px;
            padding:3px 0px 6px 18px; 
            text-align: left;
             font-size:16px;
color:#888888;
line-height:160%;
  border-left:solid 18px #993366;
}


.EntryTextBox {margin:0px 0px 0px 0px; }

.EntryText {margin:0; padding:0px 5px 5px 5px; font-size:14px; line-height:170%;corlor:#333;}


.EntryPsText {padding: 20px 40px 5px 40px;
text-align: left;
font-size:10px;
line-height: 130%;}


.EntryFooter {
text-align:right;
padding:0px 0px 0px 0px;
}

.EntryUserName {margin-left: 0px;}

.EntryWriteDate {margin: 0px;padding: 0px 0px 0px 0px;}

.EntryCategory {margin-left: 0px;}

.EntryComment {margin-left: 0px;}

.EntryTrackback {margin-left: 0px;}



.PageLinkBlock{text-align:center;
   
               padding:5px 30px 20px 30px;
              font-size:10pt;
             font-weight:bold;
}



/**プラグイン**/

.plugin_data {text-align:left;
                     font-size:13px;
                     line-height:130%;
                     padding:15px 0px 20px 0px;
}

.plugin_data2{text-align:left;
                     font-size:11px;
                     line-height:120%;
                     padding:0px 0px 0px 0px;}

.plugin_data3{text-align:left;
                     font-size:14px;
                     line-height:120%;
                     padding:20px 0px 0px 0px;
font-weight:bold;
}


/**トップ頁**/
#EnglishBlock {padding: 10px 10px 0px 10px;
             width: 360px;
             align:center;
font-size:10px;
             float:left;
             text-align:left;
             background-color:#F0FFFF;

}


/*セオランキング*/
#seoparts { list-style:none;margin:0px;padding:0px;font-size:10px }
#seoparts li { padding:1px }
#seoparts-img-li {  }
#seoparts-img-li img { vertical-align:top }

/*ナビ部*/
#NaviBlock{padding: 40px 0px 0px 0px;
             width: 665px;  
             font-size:12px;
　　　　font-weight:bold; 
    background-color:#F0FFFF;
}


div#newarticle a{
display:block;
    font-size:15px;
font-weight:bold;
text-align:center;
   margin:0px 0px 10px 0px;
    padding: 10px 10px 10px 0px;
    border: 1px solid #7b7b7b;
border-radius: 12px; 
border-top: 3px solid #DDD;
 border-left: 3px solid #DDD;
  border-right: 3px solid #BBB;
 border-bottom: 3px solid #BBB;
    cursor: pointer;
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi5.png), -moz-linear-gradient(top,#FFF 0%,#DDD);
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi5.png), -ms-linear-gradient(top,#FFF 0%,#DDD);
 background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi5.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
background-repeat:no-repeat;
    background-position:98% center;
}


#newarticle a{
color:blue;
}
#newarticle a:visited{
color:blue;
}

#newarticle a:hover{
color:#54C3F1;
}



/* QandA */


dl.q-and-a {
width:100%;
margin:50px 0px 70px 0px;
padding:0px 0px 0px 0px;
}

.q-and-a dt{
display:block;
font-size:18px;
font-weight:bold;
color:#333;
line-height:120%;
margin:0px 0px 10px 37px;
padding:8px 0px 10px 0px;
border-bottom:dotted 1px #999;
border-top:solid 1px #999;
text-indent:-37px;
}

.quesansw{
font-size:25px;
font-weight:bold;
color:#993366;

}


.q-and-a dd{
font-size:16px;
font-weight:light;
color:#666;
line-height:150%;
margin:0px 0px 40px 40px;
padding:0px 0px 0px 0px;
text-indent:-36px;

}


@media screen and (max-width:480px)
{


dl.q-and-a {
width:100%;background-color:#fff;
margin:50px 0px 70px 0px;
padding:0px 0px 0px 0px;
}

.q-and-a dt{
display:block;
font-size:18px;
font-weight:bold;
color:#333;
line-height:120%;
margin:0px 0px 10px 0px;
padding:8px 0px 10px 0px;
border-bottom:dotted 1px #999;
border-top:solid 1px #999;
text-indent:0px;
}

.quesansw{
font-size:25px;
font-weight:bold;
color:#993366;

}


.q-and-a dd{
font-size:16px;
font-weight:light;
color:#666;
line-height:150%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
text-indent:0px;

}





}







/* BUTTON */

p.button3 a{

display:block;
width:78%;
font-size:16px;
font-weight:bold;
text-align:left;
text-indent:0px;
line-height:120%;
text-decoration: none; 
   margin:0px 0px 0px 0px;
    padding: 8px 40px 8px 20px;
border-radius: 15px; 
border-top: 1px solid #DDD;
 border-left: 1px solid #DDD;
  border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
    cursor: pointer;
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi5.png), -moz-linear-gradient(top,#FFF 0%,#F2DDE3);
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi5.png), -ms-linear-gradient(top,#FFF 0%,#F2DDE3);
 background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi5.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2DDE3));
background-repeat:no-repeat;
    background-position:98% center;
}

p.button4{margin:10px 0px 0px 0px;}
p.button4 a{
display:block;
width:80%;
font-size:14px;
font-weight:bold;
text-align:left;
text-indent:0px;
line-height:120%;
text-decoration: none; 
   margin:0px 0px 0px 0px;
    padding: 6px 40px 6px 10px;
border-radius: 0px; 
border-top: 1px solid #DDD;
 border-left: 1px solid #DDD;
  border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
    cursor: pointer;
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi6.png), -moz-linear-gradient(top,#FFF 0%,#F2DDE3);
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi6.png), -ms-linear-gradient(top,#FFF 0%,#F2DDE3);
 background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi6.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2DDE3));
background-repeat:no-repeat;
    background-position:98% center;
}


.sidep{font-size:12px; margin-top:40px;line-height:150%;}
.sidep p{margin:0px 0px 0px 0px;padding-top:1px;}




p.button5{margin:10px 0px 0px 0px;}
p.button5 a{
display:block;
width:80%;
font-size:14px;
font-weight:bold;
text-align:left;
text-indent:0px;
line-height:120%;
text-decoration: none; 
   margin:0px 0px 0px 0px;
    padding: 6px 40px 6px 10px;
border-radius:12px; 
border-top: 1px solid #DDD;
 border-left: 1px solid #DDD;
  border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
    cursor: pointer;
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi6.png), -moz-linear-gradient(top,#FFF 0%,#F2DDE3);
background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi6.png), -ms-linear-gradient(top,#FFF 0%,#F2DDE3);
 background:url(http://file.stopthemoney.blog.shinobi.jp/yajirushi6.png), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F2DDE3));
background-repeat:no-repeat;
    background-position:98% center;
}


.bottombox{
width:85%;clear:both;
margin:0px 0px 60px 0px;
background-color:#fff;
}
.bottomp{
width:50%;float:left;margin:8px 0px;
background-color:#fff;
}


.bottomp2{
width:20%;float:left;
}

.bottom-head{width:85%;font-size:18px ; color:#993366;font-weight:bold; margin:30px 0px 6px 0px;border:solid 2px #993366;border-radius:12px;padding:9px;text-align:center;}











/*******************
MAILMAGAZINE FORM
*******************/





#wrapper {
	/* Center wrapper perfectly */
	width: 100%;
	background-color:#fff;
	margin: 0px;
}





/*******************
LOGIN FORM
*******************/

.login-form {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color:#f9ebe9;

	/*
background-image: url("http://file.stopthemoney.blog.shinobi.jp/kibou4.jpg");
*/
background-position : 45% 0%;
background-size:auto 100% ; 
background-repeat: no-repeat;
	border: 1px solid #fff;
	border-radius: 0px;
	
	box-shadow:0px 10px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}


@media screen and (max-width:480px)
{

.login-form {
	width:100%;
	margin: 0 auto;
	position: relative;
	
background-image: url(http://file.stopthemoney.blog.shinobi.jp/kibou4.jpg);
background-position : 45% 0%;
background-size:auto 100% ; 

	border: 1px solid #fff;
	border-radius: 0px;
	
	box-shadow:0px 10px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}



}





/*******************
HEADER
*******************/

.login-form .header {
	padding: 22px 30px 0px 30px;
}

.login-form .header h5 {
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;


	font-weight: 900;
	font-size: 28px;
	line-height:34px;
	color: #414848;
	margin-bottom: 10px;
}

.login-form .header p {margin:0px;
	font-size: 14px;
	line-height:22px;
	color: #333;
	
}


.header2 {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	
}

	



/*******************
CONTENT
*******************/

.login-form .content {
	padding:10px 30px 8px 30px;
}

/* Input field */
.login-form .content .input {
	width: 100%;
	padding: 12px 12px 12px 12px;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #222;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 0px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

/* Second input field */
.login-form .content .password, .login-form .content .pass-icon {
	margin-top: 10px;
}

.login-form .content .input:hover {
	background: #EAF6FD;
	color: #414848;
}

.login-form .content .input:focus {
	background: #EAF6FD;
	color: #414848;
	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

.user-icon, .pass-icon {
	width: 0px;
	height: 47px;
	display: block;
	position: absolute;
	left: 30px;
	padding-right: 2px;
	z-index: -1;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.user-icon {
	top:183px; /* Positioning fix for slide-in, got lazy to think up of simpler method. */
	background: rgba(86,194,225,0.75) url(http://file.stopthemoney.blog.shinobi.jp/appbar.people.png) no-repeat center;	
}

.pass-icon {
	top:231px;
	background: rgba(86,194,225,0.75) url('http://file.stopthemoney.blog.shinobi.jp/appbar.email.minimal.png') no-repeat center;
}

.content input:focus + div{
	left: -46px;
}

/* Animation */
.input, .user-icon, .pass-icon, .button, .register {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

/*******************
FOOTER
*******************/

.login-form .footer {
	padding: 12px 30px 14px 30px;
	overflow: auto;
	
	background: #DBBEDA;
	border-top: 1px solid #fff;
	
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15);
}

/* Login button */
.login-form .footer .button {width:100%;
	margin:0px auto;
	padding: 8px 25px;
	float:right;
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;

letter-spacing:0.2em;
	font-weight: 200;
	font-size: 20px;
	color: #fff;
	
	background: #56c2e1;
	border: 1px solid #46b3d3;
	border-radius: 8px;
	cursor: pointer;
	
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

.login-form .footer .button:hover {
	background: #3f9db8;
	border: 1px solid rgba(256,256,256,0.75);
	
	box-shadow: inset2 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
	position: relative;
	bottom: -1px;
	
	background: #56c2e1;
	
	box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 1px 6px rgba(256,256,256,0.75);
}

/* Register button */
.login-form .footer .register {
	display: block;
	float: right;
	padding: 10px;
	margin-right: 0px;
	
	background: none;
	border: none;
	cursor: pointer;
	
	font-family: 'Bree Serif', serif;
	font-weight: 300;
	font-size: 18px;
	color: #414848;
	text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
}

.login-form .footer .register:hover {
	color: #3f9db8;
}

.login-form .footer .register:focus {
	position: relative;
	bottom: -1px;

}

/*******************
END
*******************/

.smaphotop{display:none;}

@media screen and (max-width:480px)
{

.smaphotop{display:block;
}
}






.smaphotop2{display:block;}

@media screen and (max-width:480px)
{

.smaphotop2{display:none;
}
}