/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body,div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, img
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {  
    font-family:
    Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,
    'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size:14px;
    color:#333;
    line-height:1;
}

img {
  border:0;
}
a {
  color:#3f8cd9;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
div.wrapper {
  width:700px;
  margin:20px auto 10px;
}

div.header h1 {
  padding:10px 0 0 0;
  margin:0;
  float:right;
  font-size:18px;
  color:#3f8cd9;
}
div.nav ul {
    list-style:none;
    margin:0;
    padding:0px 5px;
    overflow:hidden;
    float:left;
    width:700px;
}
div.nav li {
    float:left;
    width:11.11%;
    margin:0;
    padding:0;
    text-align:center;
    list-style:none;
}
div.nav li a {
    display:block;
    padding:5px 10px;
    height:100%;
    color:#fff; 
    ext-decoration:none;
    border-right:1px solid #FFF;
    background:url("nav/background_image_animation_bg.jpg") repeat 0 0;
}
div.nav li a:hover, li a:focus, li a:active {
    background-position:-150px 0;
}
div.nav #navA a {
    background:url("nav/background_image_animation_bg2.jpg") repeat -20px 35px;
}

.picswrapper{

 text-align:center;
  padding:20px 0 15px 0;
  margin:0 auto 0px 50px;
  height: 233px;
}
.pics ,.pics2{  
    height:  232px;  
    width:   232px;  
    padding: 0;
    margin:  0 0 0 50px;
    float:left;  
} 
 
.pics img ,.pics2 img{  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 				

div.topimg{
	padding: 20px;
	border-bottom:1px solid #ccc;
}

div.main{
    padding: 20px 0px 0px;  
    width:700px;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}

div.indexmainwrapper{
	height:836px;
}

div.callouts {
  margin:0 0 0 0;
  height:120px;
}
div.callout {
  padding:10px 0;
  width:349px;
  float:left;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
div.callout.last {
  border-right:0;
  margin-right:0;
  float:right;
  border-bottom:1px solid #ccc;
}
div.main div.callout.last p {
  padding-right:10px;
}
div.main div.callout h3 {
  font-size:17px;
  padding:10px 0 5px 0;
}
div.main div.callout p {
  padding-right:10px;
}
div.main div.callout img {
  float:left;
  padding:10px
}
div.main div.callout a {
  font-weight:bold;
}
div.footer {
    clear:right;
    width:700px
    padding:10px 0 0 0;
    color:#aaa;
    border-top:1px solid #ccc;
}

div.iframe {
	border-bottom:1px solid #ccc;
	width:480px;
	height:100px;
	padding:10px 10px 20px 20px;
	float:left;
}

div.iframe h3 {
	color:#a55;
	font-size:17px;
	margin-bottom:5px;
}

div.iframe iframe {
	border:1px solid #aae;
	width:450px;
	height:100px;
	float:center;
}

div.news {
	padding:5px;
}

div.news p {
	border-bottom:1px solid #aae;
	padding:10px;
	margin-bottom:10px;
}

div.iframe2 {
	border-bottom:1px solid #ccc;
	width:190px;
	height:100px;
	float:right;
	padding: 30px 0 0 0;
}


/* except index.html */
div.article{
    padding:20px 10px 20px;

}
div.article h1{
    font-size: 24px;
    padding:20px 10px 20px;
}
div.article strong{
    font-size: 18px;
}
div.article img{
    mergin:0;
    padding:0;
    float: right;
}
div.article p{
    font-size: 14px;
    color: #333;
    padding:10px 10px 10px;
}
div.photo{
height: 300px;
}

div.article ul.left{
    list-style:none;
    width:350px;
    margin:0;
    padding:0;
/*    overflow:hidden;*/
    float:left;
}
div.article ul.right{
    list-style:none;
    width:350px;
    margin:0;
    padding:0;
/*    overflow:hidden;*/
    float:right;
}
div.article li {
    margin:0;
    padding:0;
    list-style:none;
}
div.article li a {
    display:block;
    padding:5px 10px;
    height:100%;
    ext-decoration:none;
}
div.article table {
    width:650px;
	padding:20px;
	line-height:1.5;
}
div.article table td {
	width:50%;
}
div.contact_us{
    height:490px;
}
div.contact_us div.left {
    width:50%;
    float:left;
}
div.contact_us div.right {
    margin:5px 100px 0px 0px;
    padding:5px 0 0px;
    float:right;
}
div.address {
    margin:5px;
    padding:5px;
    border:1px solid #ccc;
    height:100px;
}
div.space {
	margin:0;
	width:680px;
	height:250px;
}
div.space1 {
	padding:10px 20px 0;
	width:50%;
	float:left;
}
div.space2 {
	padding:10px 0;
	float:left;
}