/*
Theme Name: KADONCHI_WebSite Theme
Theme URL: http://www.www.www/ 
Description: This is HIROMI KADO web site theme.
Version: 1.0
Author: JUNICHI SUZUKI_&_HIROMI KADO
Author URL: 
*/

/*
########################################################
	header
########################################################
*/

#header {
width: 100%;
height: 126px;
margin: 0 auto;
padding: 0px 0px 0px 30px;
background-color: #ffffff;
boder: none;
text-decoration: none;
}

#header_row {
width: 800px;
margin: 0 auto;
padding: 0px 30px 0px 0px;
}

#header_left {
padding: 25px 0px 0px 0px;
float: left;
width: 160px;
}

#header_right {
float: right;
width: 640px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#header_right  .title {
margin: 0px 0px 0px 0px;
padding: 19px 0px 0px 4px;
text-align: left;
}

.main_menu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

ul.ddmenu {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.ddmenu li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*
########################################################
	contents
########################################################
*/

#contents_container {
width: 800px;
margin: 0px auto 0px;
padding: 0px 0px 0px 30px;
}

/* ----------------------------------------------------------------------------------------
 *                 top_contents 1 トップ
 * ---------------------------------------------------------------------------------------- */

#contents1 {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents1_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents1_post {
width: 800px;
height: 571px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----------------------------------------------------------------------------------------
 *                 top_contents 2 Profile
 * ---------------------------------------------------------------------------------------- */

#contents2 {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container .left {
float: left;
width: 313px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container div.img1{
margin: 0px 0px 0px 0px;
padding: 183px 0px 0px 57px;
text-align: left;
}

#contents2_container div.img2{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 199px;
text-align: left;
}

#contents2_container .right {
float: right;
width: 487px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container .right .profile_sentence {
float: left;
width: 324px;
margin: 47px 0px 0px 0px;
padding: 0px 0px 0px 10px;
color: #222222;
}

#contents2_container .right p.name_job {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container .right .sentence {
margin: 17px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container .sentence_container{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents2_container .profile_contents {
width: 324px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.profile_date {
float: left;
width: 70px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.profile_date p{
line-height: 16px;
letter-spacing: 0px;
}

.profile_subject {
float: right;
width: 250px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

.profile_subject p{
line-height: 16px;
letter-spacing: 0px;
}

#contents2_container div.img3{
width: 146px;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----------------------------------------------------------------------------------------
 *                 top_contents 3 News
 * ---------------------------------------------------------------------------------------- */

#contents3 {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents3_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents3_container .maenokiji_container {
float: left;
width: 180px;
margin: 0px 0px 0px 15px;
padding: 55px 0px 0px 0px;
}

.maenokiji {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
}

.news_date {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.news_date p{
line-height: 18px;
letter-spacing: 1px;
color: #555555;
}

.news_subject {
margin: 0px 0px 18px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.news_subject p{
line-height: 18px;
letter-spacing: 0px;
}

#contents3_container .kiji {
width: 647px;
margin: 0px 0px 0px 0px;
padding: 24px 0px 0px 85px;
}

#contents3_container .kiji_date {
width: 647px;
height: 41px;
background: url(site_picture_sozai/fukidasi1.gif) top right no-repeat;
}

#contents3_container .kiji_date p{
line-height: 18px;
letter-spacing: 1px;
color: #222222;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 27px 0px 0px 223px;
}

#contents3_container .kiji_title {
width: 647px;
background: url(site_picture_sozai/fukidasi2.gif) top right repeat-y;
}

#contents3_container .kiji_title p{
width: 330px;
line-height: 18px;
letter-spacing: 0px;
color: #222222;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 26px 223px;
font-weight: bold;
}

#contents3_container .kiji_contents {
width: 647px;
background: url(site_picture_sozai/fukidasi4.gif) right repeat-y;
margin: 0px 0px 0px 0px;
padding: 0px 0px 80px 0px;
}

#contents3_container .kiji_contents p{
width: 330px;
line-height: 18px;
letter-spacing: 0px;
color: #222222;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 223px;
}

#contents3_container .kiji_contents img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
border: none;
text-decoration: none;
}

#contents3_container .pagelink {
position: relative;
width: 647px;
height: 201px;
background: url(site_picture_sozai/fukidasi_end.gif) right no-repeat;
}

#contents3_container .pagelink .row {
position: absolute;
width: 364px;
height: 15px;
top: 0px;
left: 222px;
}

#contents3_container .next {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents3_container span.next {
background: url(site_picture_sozai/next.gif) no-repeat;
width: 64px;
height: 26px;
}

#contents3_container .prev {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents3_container span.prev {
background: url(site_picture_sozai/prev.gif) no-repeat;
width: 64px;
height: 26px;
}

#contents3_container .gif {
position:absolute;
top: 7px;
left: 0px;
}

/* ----------------------------------------------------------------------------------------
 *                 top_contents 4 Links
 * ---------------------------------------------------------------------------------------- */

#contents4 {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents4_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents4_container .kiji {
width: 647px;
margin: 24px 0px 0px 0px;
padding: 0px 0px 0px 85px;
}

#contents4_container .fukidasi_1danme {
height: 41px;
width: 647px;
background: url(site_picture_sozai/fukidasi1.gif) top right no-repeat;
}

#contents4_container .fukidasi_2danme {
height: 30px;
width: 647px;
background: url(site_picture_sozai/fukidasi2.gif) top right no-repeat;
}

#contents4_container .kiji_margin {
margin: -15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents4_container .kiji_contents {
width: 647px;
background: url(site_picture_sozai/fukidasi4.gif) right repeat-y;
}

#contents4_container .kiji_contents p{
width: 330px;
line-height: 18px;
letter-spacing: 0px;
color: #222222;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 223px;
}

#contents4_container .picnic {
position: relative;
width: 647px;
height: 201px;
background: url(site_picture_sozai/fukidasi_end2.gif) right no-repeat;
margin: 0px 0px 50px 0px;
}

#contents4_container .gif {
position:absolute;
top: 84px;
left: 0px;
}

/* ----------------------------------------------------------------------------------------
 *                 top_contents 5 Contact
 * ---------------------------------------------------------------------------------------- */

#contents5 {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents5_container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position:relative;
}

#contents5_container .page {
width: 502px;
height: 457px;
margin: 26px 0px 0px 150px;
padding: 0px 0px 0px 0px;
}

#contents5_container .page_contents {
width: 502px;
height: 457px;
background: url(site_picture_sozai/contact_bg.jpg) top right;
}

#contents5_container .page_contents p{
width: 290px;
line-height: 18px;
letter-spacing: 0px;
color: #222222;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 65px 0px 0px 173px;
}

#contents5_container .gif {
position:absolute;
top: 190px;
left: 148px;
}

/*
########################################################
	footer
########################################################
*/

#footer {
position: absolute;
bottom: 0;
clear: both;
width: 100%;
height: 41px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
background-color: #ffffff;
color: #555555;
}

#footer_container {
width: 800px;
height: 36px;
margin: 0 auto;
padding: 0px 30px 0px 0px;
background-color: #ffffff;
border-top: solid 1px #aaaaaa;
}

ul.footer_contents1{
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
text-align: left;
}

#footer_container li {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}

#footer2 {
clear: both;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
color: #555555;
}

#footer_container2 {
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
}

ul.footer_contents2{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
text-align: left;
}

#footer_container2 li {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}

/*
########################################################
	全体指示
########################################################
*/

* {
margin: 0;
}

html {
overflow-y: scroll;
}

html, body {
height: 100%;
background-color: #ffffff;
}

/* ----------------------------------------------------------------------------------------
 *                 IEセンター寄せ対策
 * ---------------------------------------------------------------------------------------- */

#IE_center {
text-align: center;
}

/* ----------------------------------------------------------------------------------------
 *                 footer最下部配置対策
 * ---------------------------------------------------------------------------------------- */

#wrap1 {
position: relative;
height: 100%;
height: auto !important;
min-height: 100%;
}

#wrap2 {
width: 100%;
margin: 0 auto;
padding: 0px 0px 36px 0px;
text-align: left;
}

#wrap3 {
height: 100%;
height: auto !important;
min-height: 100%;
margin: 0 auto -36px;
}

#push  {
clear: both;
height: 48px;
}

/* ----------------------------------------------------------------------------------------
 *                 外部リンクマーク
 * ---------------------------------------------------------------------------------------- */

a[target="_blank"] {
/* box_model */
padding-top: 1px;
padding-right:15px;
background: transparent url(./external_link.gif) center right no-repeat;
}

#header a[target="_blank"] {
padding-top: 0px;
padding-right:0px;
background: none;
}

/* ----------------------------------------------------------------------------------------
 *                 header_link設定とfooter_link設定
 * ---------------------------------------------------------------------------------------- */

#header p a:link , #footer a:link , #footer2 a:link {
color: #ee477a;
text-decoration: none;
}

#header p a:visited , #footer a:visited , #footer2 a:visited {
color: #ee477a;
text-decoration: none;
}

#header p a:hover , #footer a:hover , #footer2 a:hover {
background-color: #ffa1f2;
border-bottom: solid 1px #ee477a;
color: #ff00e7;
text-decoration: none;
}

#header p a:active , #footer a:active , #footer2 a:active {
background-color: #ffffff;
color: #666666;
text-decoration: none;
}

/* ----------------------------------------------------------------------------------------
 *                 contents_link設定
 * ---------------------------------------------------------------------------------------- */

#contents2 a:link , #contents3 a:link , #contents4 a:link , #contents6 a:link , #contents7 a:link , #contents8 a:link , #contents8_bottom a:link , #contents10 a:link , #contents11 a:link {
color: #ee477a;
text-decoration: none;
}

#contents2 a:visited , #contents3 a:visited , #contents4 a:visited , #contents6 a:visited , #contents7 a:visited , #contents8 a:visited , #contents8_bottom a:visited , #contents10 a:visited , #contents11 a:visited {
color: #ee477a;
text-decoration: none;
}

#contents2 a:hover , #contents3 a:hover , #contents4 a:hover , #contents6 a:hover , #contents7 a:hover , #contents8 a:hover , #contents8_bottom a:hover , #contents10 a:hover , #contents11 a:hover {
background-color: #ffa1f2;
border-bottom: solid 1px #ee477a;
color: #ff00e7;
}

#contents2 a:active , #contents3 a:active , #contents4 a:active , #contents6 a:active , #contents7 a:active , #contents8 a:active , #contents8_bottom a:active , #contents10 a:active , #contents11 a:active {
background-color: #ffffff;
color: #666666;
text-decoration: none;
}

#contents3 img{
background-color: #ffffff;
border: none;
text-decoration: none;
}

/* ----------------------------------------------------------------------------------------
 *                 font設定
 * ---------------------------------------------------------------------------------------- */

p {
/* font */
letter-spacing: 0px;
line-height: 20px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 11px;
font-weight: lighter;
text-align: left;
}

b {
/* font */
letter-spacing: 1px;
line-height: 20px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
font-weight: bold;
text-align: left;
}

strong {
/* font */
letter-spacing: 1px;
line-height: 20px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
font-weight: bold;
text-align: left;
}

h4 {
/* box_model */
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/* font */
color: #000;
letter-spacing: 1px;
line-height: 20px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 11px;
font-weight: bold;
text-align: left;
}

h3 {
/* font */
letter-spacing: 1px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 12px;
font-weight: lighter;
line-height: 32px;
}

h2 {
/* font */
letter-spacing: 1px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
font-size: 15px;
font-weight: bold;
}

h1 {
}