/*  
Theme Name: hello-w
Theme URI: http://hello-w.com/
Description: Wordpress theme of the Hello World site
Author: Miki Bromhead
Author URI: http://mikibrom.com/blog

	Copyright (c) Moonshoot.

/*SHARED DIVS
---------------------------------------------------------------------------------------------------------------------------------------*/

body {
	text-align:left;
       height:100%;
       width:100%;
       margin:0;
       padding:0;
       background:url(images/m_background.jpg) no-repeat;
	}

#wrapper_two {
	margin:0 auto;
	width:862px;
	height:100%;
	background:transparent;
	} 

#wrapper_contenttwo {
         width:716px;
         min-height:800px;
         background:transparent;
         float:left;
}  

#footer {
	width:100%;
	height:76px;
	background:url(images/footpart.png) no-repeat;
	overflow:hidden;
        float:left;
	} * html #footer { display:inline; }
	
#footer_nav {
        margin:0 auto;
	width:500px;
	height:20px;
	background:transparent;
	color:#060;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	float:left;
	padding-left:5px;
	padding-top:23px;
	}	

#footer a {
        font-size:1em;
        color:#060;
        text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:underline;
	}
	
#helloworld {
	width:173px;
	height:38px;
	background:url(images/helloworldlogo-01.png) top left no-repeat;
	overflow:hidden;
	float:left;
	margin-left:30px;
	margin-top:10px;
	}	
	
#helloworld:hover {
	background-position:bottom left;
	}	

#modori    {
        width:92px;
        height:13px;
        background:url(images/uparrow-01.png) top left no-repeat;
        overflow:hidden;
        }

#modori:hover {
        background-position:bottom left;
        }

/*TOPICS PAGE
---------------------------------------------------------------------------------------------------------------------------------------*/

#topics {
        width:146px;
	height:118px;
	background:url(images/shabon01.png) bottom left no-repeat;
	overflow:hidden;
	float:left;
	} 

#wrapper_topics {
      width:1100px;
      height:100%;
      background:transparent;
      margin:0 auto;
      text-align:left;
}

#wrapper_content {
     width:910px;
     height:100%;
     background:transparent;
     float:left;
}

#header {
	width:910px;
	height:362px;
	background:url(images/helloworld3_01.png) no-repeat;
	float:left;
	overflow:hidden;
	}
	
#content {
	width:910px;
	height:100%;
	background:url(images/helloworld3_03.png) repeat-y;
	float:left;	
}
	
#content_body {
	width:460px;
	height:100%;
	background:transparent;
	float:left;
	margin-left:110px;
	margin-top:5px;
	margin-bottom:20px;
	padding-right:20px;
        line-height:18px;
	} * html #content_body { display:inline; }

#heading {
	width:470px;
	height:55px;
	background:url(images/entry_title-01.png) no-repeat;
	color:#fff;
	padding-left:13px;
	padding-top:8px;
	float:left;
	} * html #heading { display:inline; }

#content_body h3 {
        width:450px;
        height:30px;
        background:url(images/sub_header-01.png) no-repeat;
        color:#fff;
        padding:5px;
        }	

.jouhou {
        color:#666;
        font-weight:bold;
        font-size:12px;
        }	

.TopRight{
      text-align:right;
      vertical-align:top;
      }	

#sidebar {
	width:160px;
	height:100%;
	background:transparent;
	float:left;
	margin-left:15px;
	padding:15px;
	overflow:hidden;
        font-size:11px;
	} * html #sidebar { display:inline; }	 
		
#sidebar a {
        color:#000099;
        font-size:12px;
        text-decoration:none;
        }

#sidebar a:hover {
        text-decoration:underline;
        }	

#sidebar h3
        {margin-top:0;
	display:block;
	background:transparent url(images/h3_header_06.png) no-repeat;
	height:30px;width:120px;font-weight:700;
	font-size:15px;
	padding-left:30px;
	padding-top:7px;
	color:#006699;
        margin-left:10px;
        }	

#sidebar h4 {
        font-size:10px;
        color:#999;
        padding:0;
        margin:0;
        }

#sidebar h5 {
        font-size:10px;
        color:#960;
        padding:0;
        margin:0;
        }

#sidebar li {
        padding-bottom:7px;
        line-height:16px;
        }

#content_bottom {
       width:910px;
       height:73px;
       background:url(images/helloworld3_05) no-repeat;
       float:right;
       }

/*NO SIDEBAR
---------------------------------------------------------------------------------------------------------------------------------------*/

#content_two {
	width:716px;
	min-height:550px;
	background:url(images/helloworld2_04.png) repeat-y;
	float:left;
	} * html #content_two { display:inline; }

#content_bodytwo {
	width:560px;
	height:100%;
	background:transparent;
	float:left;
	padding-left:70px;
	padding-top:0px;
	padding-bottom:30px;
	padding-right:75px;
        line-height:18px;
	} * html #content_bodytwo { display:inline; }

#content_bodytwo h3 {
	margin-top:0;
	display:block;
	background:url(images/entry_large-01.png) no-repeat;
	height:53px;
	width:560px;
	font-weight:bold;
	font-size:18px;
	padding-left:20px;
	padding-top:15px;
	color:#fff;
	}	* html #content_bodytwo h3 { display:inline; }

#content_bodytwo h4 {
	margin-top:0;
	background:url('images/dot2-01.png') no-repeat;
	background-position:top-left;
        background-width:638px;
	height:22px;
	font-weight:bold;
	font-size:18px;
	padding-left:27px;
	color:#67C200;
	}  * html #content_bodytwo h4 { display:inline; }

ul      {
	list-style-position: outside;
	list-style-image: url(images/dot.png);
	margin-top:5px;
        }

#content_bodytwo_bottom {
       width:716px;
       height:64px;
       background:url(images/helloworld2_09.png) no-repeat;
       float:left;
       }  * html #content_bodytwo_bottom { display:inline; }

/* SIDEBAR
---------------------------------------------------------------------------------------------------------------------------------------*/

#content_three {
	width:716px;
	height:100%;
	background:url(images/helloworld_04.png) repeat-y;
	float:left;
	}	

#content_bodythree {
	width:390px;
	height:100%;
	margin-left:70px;
	padding-right:20px;
	float:left;
	font-size:13px;
        line-height:18px;
	} * html #content_bodythree { display:inline; }

#content_bodythree a { 
        color:#060;
        text-decoration:none; 
        }

#content_bodythree a:hover {
        text-decoration:underline;
        }	

#content_bodythree h3 {
	margin:0;
	display:block;
	background:transparent url(images/entry_body-01.png) no-repeat;
	height:55px;
	width:390px;
	font-weight:bold;
	font-size:18px;
	padding-left:15px;
	padding-top:20px;
	color:#fff;
	} 

#content_bodythree h5 {
        margin:0;
        display:block;
        background:transparent url(images/entry_body_test-01.png) no-repeat;
        height:56px;
        width:389px;
        font-weight:bold;
        font-size:18px;
        padding-left:15px;
        padding-top:20px;
        color:#fff;
        }

#sidebartwo {
        width:130px;
        height:360px;
        background:transparent;
        float:left;
        padding-left:15px;
        overflow:hidden;
        font-size:10px;
        line-height:18px;
        } * html #sidebartwo { display:inline; }

#sidebartwo h3 {
        margin-top:0;
	display:block;
	background:transparent url(images/h3_header_06.png) no-repeat;
	height:30px;width:145px;font-weight:700;
	font-size:15px;
	padding-left:30px;
	padding-top:7px;
	color:#060;
        }
	
#sidebartwo h4 {
        font-size:10px;
        color:#999;
        padding:0;
        margin:0;
        }

#sidebartwo h5 {
        font-size:10px;
        color:#960;
        padding:0;
        margin:0;
        }

#wrapper_bottom {
        width:716px;
        height:64px;
        background:url(images/helloworld_09.png) no-repeat;
        float:right;
        }

#sidebartwo a {
        color:#060;
      font-size:12px;
      text-decoration:none;
}

#sidebartwo a:hover {
      text-decoration:underline;
}
	
/* HELLO!Worldとは？
---------------------------------------------------------------------------------------------------------------------------------------*/

#header_two {
	width:716px;
	height:204px;
	background:url(images/helloworld2_02.png) no-repeat;
	float:left;
	} * html #header_two { display:inline; }

#about  { 
        width:146px;
	height:159px;
	background:url(images/shabon02.png) bottom left no-repeat;
	overflow:hidden;
	float:left;
	}

#contact_info2 {
        width:429px;
        height:122px;
        background:url(images/contactinfoshoukai-01.png) no-repeat;
        color:#fff;
        text-align:center;
        font-size:18px;
        font-weight:bold;
        padding-top:25px;
        }

/*提携英会話教室
---------------------------------------------------------------------------------------------------------------------------------------*/

#header_eight {
        width:716px;
        height:204px;
        background:url(images/teikei_02.png) no-repeat;
        float:left;
        }

#teikei {
        width:146px;
	height:189px;
	background:url(images/shabon03.png) bottom left no-repeat;
	overflow:hidden;
	float:left;
	}

#search_back {
        width:400px;
        height:420px;
        background:url(images/search_back-01.png) no-repeat;
        }

#searchform {
        font-size:16px;
        font-weight:900;
        color:#777; 
        margin-left:50px;
        }

.submit {
        padding:8px 0 10px 0px;
        border:none;
        width:121px;
        height:35px;
        background:url(images/submit-01.png) no-repeat;
        }	

#comboBox {
        margin-left:30px;
        }

#comboSelect {
        margin-left:30px;
        }

ol {
	color:#666;
	}	
	
.info{
	line height:20px;
	text-indent:20%;
	letter-spacing:-1px;
	border-bottom:dotted 1px #060;
	}					

.location {
	list-style-position:inside;
	list-style-image:url(images/home_button-01.png);
	left:15px;
	margin-top:10px;
	}

.phone  {
	list-style-position:inside;
	list-style-image:url(images/cell_button-01.png);
	left:15px;
	margin-top:10px;
	}

.web    {
	list-style-position:inside;
	list-style-image:url(images/computer_button-01.png);
	left:15px;
	margin-top:10px;
	}

.time   {
	list-style-position:inside;
	list-style-image:url(images/ribbon-01.png);
	left:15px;
	margin-top:10px;
	}
	
.excerpt {
	list-style-position:inside;
	list-style-image:url(images/bubble_button-01.png);
	margin-top:10px;
        width:
        }

.details {
	background:#FFF;
	padding:10px;
	}
	
.school {
	font-weight:bold;
	color:#060;
	}
	
date    {
        font-size: 10px;
	font-weight:700;
	color:#090;
        }

.navigation {
       font-size:12px;
       color:#070;
       }

.navigation a {
       color:#070;
       text-decoration:none;
       border:0;
       }

.navigation a:hover {
       text-decoration:underline;
       }

/*学習教材の紹介
---------------------------------------------------------------------------------------------------------------------------------------*/

#header_four {
       width:716px;
       height:204px;
       background:url(images/shoukai_header_02.png) no-repeat;
       float:left;
       overflow:hidden;
       }

#shoukai {
       width:146px;
       height:169px;
       background:url(images/shabon04.png) bottom left no-repeat;
       overflow:hidden;
       float:left;
       }

#contact_info {
      width:429px;
      height:122px;
      background:url(images/contactinfoshoukai-01.png) no-repeat;
      color:#fff;
      text-align:center;
      font-size:14px;
      padding-top:7px;
      }

/*賛同企業・団体
---------------------------------------------------------------------------------------------------------------------------------------*/

#dantai {
      float:right;
      width:260px;
      height:100%;
      margin-bottom:10px;
      }

#header_three {
      width:716px;
      height:204px;
      background:url(images/helloworld_02.png) no-repeat;
      float:left;
      }

#kigyou {
      width:146px;
      height:165px;
      background:url(images/shabon05.png) bottom left no-repeat;
      overflow:hidden;
      float:left;
      }

/* 組織概要
---------------------------------------------------------------------------------------------------------------------------------------*/

#header_five {
      width:716px;
      height:204px;
      background:url(images/soshikigaiyou_02.png) no-repeat;
      float:left;
      overflow:hidden;
      } * html #header_five { display:inline; }

#content_bodyfour {
      width:500px;
      height:100%;
      background:transparent;
      float:left;
      margin-left:50px;
      }  * html #content_bodyfour { display:inline; }

#table {
      margin:0;
      } 

.tableTopLeft{
      text-align: left; 
      vertical-align: top;
      } 

.tableTopRight{
      text-align:right;
      vertical-align:top;
      font-weight:bold;
      color:#060;
      }

/*お問い合わせ
---------------------------------------------------------------------------------------------------------------------------------------*/

#header_six {
      width:716px;
      height:204px;
      background:url(images/otoiawase_02.png) no-repeat;
      float:left;
      overflow:hidden;
      }

.contactSubmit{
      padding:8px 0 10px 0px;
      border:none;
      width:179px;
      height:52px;
      text-align:center;
      background:url(images/soushinbutton-01.png) transparent;
      font-size:0px;
      }

#wpcf7-f1-p23-o1 {
      width:500px;
      color:#777;
      font-weight:bold;
      padding-left:50px;
      }

.textarea {
      margin-left:75px;
      }

wpcf7-form {
      margin-top:0px;
      }

wpcf7-form p {
      text-align: left; vertical-align: top;
      }

/*Privacy Policy
---------------------------------------------------------------------------------------------------------------------------------------*/

#header_seven {
      width:716px;
      height:204px;
      background:url(images/privacypolicy_02.png) no-repeat;
      float:left;
      }

/*Test Information
-------------------------------------------------------------------------*/
#fox  {
      margin:0 auto;
      width:862px;
      height:100%;
      background:transparent;
      }	
	
	
#fox_main {
      width:716px;
      min-height:800px;
      background:transparent;
      float:right;
      }	
	
#head {
      width:716px;
      height:204px;
      background:url(images/helloworld_02.png) top left no-repeat;
      float:right;
      }	
	
#giraffe {
      width:716px;
      height:100%;
      background:url(images/helloworld_04.png) repeat-y;
      float:right;
      }	
	
#giraffe_content {
      width:370px;
      height:100%;
      padding-left:15px;
      padding-right:20px;
      margin-left:50px;
      float:left;
      font-size:13px;
      }	

#giraffe_content h3 {
      margin:0;
      display:block;
      background:transparent url(images/entry_title-01.png) no-repeat;
      height:50px;
      width:400px;
      font-weight:bold;
      font-size:18px;
      padding-left:15px;
      padding-top:20px;
      color:#fff;
      }

#snake {
      width:130px;
      height:100%;
      margin-left:30px;
      padding-left:5px;
      padding-right:5px;
      float:left;
      font-size:10px;
      }	

#snake h3 {
      margin-top:0;
      display:block;
      background:transparent url(images/h3_header_06.png) no-repeat;
      height:30px;width:120px;font-weight:700;
      font-size:15px;
      padding-left:30px;
      padding-top:7px;
      color:#060;
      margin-left:10px;
      }
	
#giraffe_bottom {
      width:716px;
      height:64px;
      background:url(images/helloworld_09.png) no-repeat;
      float:right;
      }	

/*Shabon Navigation
-------------------------------------------------------------------------*/

#sidenav {
      width:146px;
      height:674px;
      background:transparent;
      float:left;
      } * html #sidenav { display:inline; }

#shabon1 {
      width:146px;
      height:118px;
      background:url(images/shabon01.png) top left no-repeat;
      overflow:hidden;
      float:left;
      }

#shabon1:hover {
      background-position: bottom left;
      }

#shabon2 {
      width:146px;
      height:159px;
      background:url(images/shabon02.png) top left no-repeat;
      overflow:hidden;
      float:left;
      }

#shabon2:hover {
      background-position: bottom left;
      }

#shabon3 {
      width:146px;
      height:189px;
      background:url(images/shabon03.png) top left no-repeat;
      overflow:hidden;
      float:left;
      }

#shabon3:hover {
      background-position: bottom left;
      }

#shabon4 {
      width:146px;
      height:169px;
      background:url(images/shabon04.png) top left no-repeat;
      overflow:hidden;
      float:left;
      }

#shabon4:hover {
      background-position: bottom left;
      }

#shabon5 {
      width:146px;
      height:165px;
      background:url(images/shabon05.png) top left no-repeat;
      overflow:hidden;
      float:left;
      }

#shabon5:hover {
      background-position: bottom left;
      }

/*TEXT AND MISC.
-------------------------------------------------------------------------*/

a     {
      text-size:8px;
      color:#fff;
      text-decoration:none;
      margin:0;
      padding:0;
      }

a:hover {
      text-decoration:underline;
      }

body  {
      font-family: "ＭＳ Ｐゴシック", "Osaka";
      }

strong, em, b, i {
      font-family: "ＭＳ Ｐゴシック", "Osaka";
      }	
	
h1, h2, h3, h4, h5, h6 {
      font-family: "ＭＳ Ｐゴシック", "Osaka";
      }	
	
h1    {
      font-size:25px;
      }
	
h2    {
      font-size:21px;
      font-weight:700;
      }	
		
h3    {
      font-size:18px;
      }		
	
h4    {
      font-size:20px;
      font-weight:bold;
      padding:3px;
      margin:0;
      }	
	
h5    {
      font-size:12px;
      font-weight:bold;
      }	
	
h6    {
      font-size:10px;
      font-weight:bold;
      }	
	
.entry-content .aligncenter,
img.center,
img[align="center"] {
      display: block;
      margin-left: auto;
      margin-right: auto;
      }
	
.entry-content .alignright,
img[align="right"] {
	float: right;
	margin: 0 0 4px 8px;
	display: block;
	}

.entry-content .alignleft,
img[align="left"] {
	float: left;
	margin: 0 8px 4px 0;
	display: block;
	}

.wp-caption a img,
.wp-caption a img:hover {
	padding: 4px 0px 0px;
	border: 0 none;
	}

.wp-caption .wp-caption-text {
	margin: 4px 0 2px;
	}

.smallcaps {
	font-variant: small-caps;
	}	
	
.blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #fff;
	background:#093;
	border: none;
	}

small {
	font-size: 0.7em;
	font-weight:700;
	color:#fff;
        padding:0;
        margin:0;
	}

x-small {
       font-size: 0.7em;
       font-weight:700;
       color:#960;
}

	
p {
	margin-top:1em;
        font-size:15px;
        margin-bottom:0;
        letter-spacing:-10;
	}		

p img {
	padding:0px;
	}
	
img {
	margin-left:10px;
        margin-right:10px;
        margin-bottom:10px;
        margin-top:0px;
	padding:10px;
        border:0;
	}	
	
.space {
         display:none;
}

.pagetitle {
        color:#090;
        font-size:18px;
        font-weight:bold;
        text-align:center;
}

.searchtitle {
      color:#070;
      font-size:16px;
      font-weight:bold;
}

li {
   margin-top:7px;
   margin-left:0px;
}

.alignTopLeft{
text-align: left; 
vertical-align: top;
}

.link {
    color:#060;
    text-decoration:none;
}

.link:hover {
    text-decoration:underline;
}

.dashes {
   border-top: 1px dashed;
   margin-top: 5px;
   }

.white {
   width:370px;
   height:100%;
   background:#FFF;
   color:#42210B;
   text-size:12px;
}

#tan {
   width:350px;
   height:100%;
   background:#F8F1D6;
   color:#42210B;
   text-size:12px;
}