/********************************************
   AUTHOR:  			Masahiko Hozumi
   WEBSITE:   			http://www.hozupi.com
   main.css   	
 *******************************************/ 
 
/********************************************
   メイン
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font: 0.85em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000000; 
	background: #A9BAC3 url(../images/icon/bg3.gif) repeat-x;
	text-align: center;
}

/* links */
a { 
	color: #0b30ff;
	background-color: inherit;
	text-decoration: none;
/* 	font-weight:bold; */
}

a:visited { 
	color: #15349c;
	background-color: inherit;
	text-decoration: none;
/* 	font-weight:bold; */
}
a:hover {
	color: #ff0984;
	background-color: inherit;
	text-decoration: none;
/* 	font-weight:bold; */
}

/* headers */
h1, h3, h4 {
	font: bold 1em Verdana, Tahoma, Helvetica, sans-serif;
	color: #333;	
}
h1 { font-size: 1.2em; color: #3399ff; } 

h2 {
	font-size: 1.2em;
	color: #3399ff;
	margin: 8px 0 30px 0px;
	border-bottom: 2px dotted #ff64b3;
	border-left: 4px solid #3399ff;
	padding: 0 0 0 10px;
}
 
h3 { font-size: 1.1em; color: #3399ff; }

h4 { 
	font-size: 1.2em;
	color: #fff;
	background-color: #3399ff;
	border: 1px solid #3399ff;
	margin: 8px 0px 30px ;
	padding: 4px 4px 4px 6px;
}

h5 { 
	font-size: 1.1em;
	color: #3399ff;
	border-left: 6px solid #3399ff;
	margin: 8px 0px 10px ;
	padding: 0 0 0 6px;
}

p, h1, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

/* ../images */
img {
	border: none;
}

img.hozupi_left {
	border: none;
	margin:0 0 5px 15px;
	float:left;
}

img.hozupi_right {
	border: none;
	margin:0 15px 5px 0;
	float:right;
}

img.hozupi_right2 {
	border: none;
	margin:20px 15px 5px 0;
	float:right;
}

img.no-border {
	border: none;
	vertical-align:middle;
	padding-left: 0px;
	overflow: hidden;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
  overflow: hidden;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: none;
}
a:hover img {  
  border: 0px solid #CCC !important; /* IE fix*/
  border: none;
}

code {
 width:95%;
  margin: 5px 10px 30px 10px;
  padding: 0px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.0em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA; 
  border: 0px dotted #4284B0; 
}

img.left-margin {
	margin: 5px 0 0 30px;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}


blockquote {
	text-align: left;
	margin:20px 10px 20px 30px;
 	padding: 0px;  	
	border: 0px solid #3399ff; 
		overflow: hidden;
}

blockquote param{
		overflow: hidden;
}

blockquote embed{
		overflow: hidden;
}

blockquote div {
	text-align: left;
	margin: 0;
 	padding: 30px 10px 10px 10px;  	
	border: 0px ridge #a9bac3;   

}

.title-back a {
	font-size:1.2em;
	color: #fff;
	background-color: inherit;
	text-decoration: none;
/* 	font-weight:bold; */
}


.title-back  a:visited span {
	color:#FFF;
}

.title-back {
   background: url(../images/icon/tabright-title.gif)  no-repeat left top;
   text-decoration:none;
   font-weight:bold;
   width:95%;
   padding: 10px 0 0 10px;
   border-bottom: 2px solid #0b85ff;
}


blockquote img{
 	padding: 0px 8px 0px 0px;  	
}


/* ケース説明 */
#blog_case {
	width: 90%;
	background-color: #FFF;
	border: 1px solid #fe66b4;
	text-align: left;
	padding: 10px; margin: 20px auto 20px auto;	
}



/* ブログリストフォーム設定 */
.blog_form {
	background-color: #FAFAFA;
	text-align: left;
	line-height:230%;
	overflow: hidden;
	white-space:nowrap;
	width: 100%;
	color: #3399ff;

}

.blog_form a {
	font-size: 100%;	
	color: #19399c;
	font-weight:normal;
	text-decoration:underline;
}

.blog_form a:hover {
	color: #ff64b3;
	background-color: inherit;
	font-weight:normal;

}

/* メールフォームへ */
#mail_form {
	width: 85%;
	background-color: #FFF;
	border-top: 1px solid #fe66b4;
	border-bottom: 1px solid #fe66b4;
	text-align: left;
	padding: 10px; margin: 60px auto 20px auto;	
}

/* アフィリ中央 */
#afiri-center {
	width: 100%;
	background-color: #FFF;
	border-top:0px solid #fe66b4;
	border-bottom: 0px solid #fe66b4;
	text-align: left;
	padding: 0px; margin: 60px auto 30px auto;	
	overflow: hidden;
	white-space:nowrap;
}



/* Footer */
#footer { 
	width: 100%;
	clear: both; 
	color: #000; 
	background: #A9BAC3; 
	border-top: 5px solid #0b85ff;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 0.8em;		
}

/* Footer_TOP */
#footer .returntop { 
	width: 90%;
	color: #000; 
	background: #FFF; 
	border-bottom: 5px solid #3399ff;
	margin: 20px auto 10px auto; padding: 0; 
	height: 30px;
	font-size: 1.0em;
	text-align: right;		
}

.align-returntop {
	text-align: right;
	font-size: 1.0em;
	margin-bottom: 20px;
	border-top: 3px dotted #3399ff;

}


#footer .footer-left{
	float: left;
	width: 65%;
}
#footer .footer-right{
	float: right;
	width: auto;
}
#footer .footer-all{
	float: left;
	width: 100%;
}

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {
	text-align: left;
	font-size: 1.2em;
}
.align-right {
	text-align: right;
	font-size: 1.2em;
}
.align-center {
	text-align: center;
	font-size: 0.9em;
}



/* additional classes */
.clear { clear: both; }
.red {	color: #ff0000; }
.gray  {	color: #BFBFBF; }
.pink {	color: #ff64b3; }
.blue {	color: #3399ff; }
.green {	color: #9ec630; }