/* BASE SETTTING */
body, p, div, td, th, form, ul, li, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    color: #000000;
    font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
}

img { padding: 0px; margin: 0px; border: none; }

a:link, a:visited { color: #1F41C0; text-decoration: none; }
a:hover { color: #ff3333; text-decoration: underline; }
a:active { color: #ff3333; text-decoration: none; }

/* フォントサイズ指定サンプル
.test90 {font-size: 85%; line-height:1.4em;}
.test100 {font-size: 100%; line-height:1.4em;}
.test120 {font-size: 120%; line-height:1.4em;}
.test140 {font-size: 140%; line-height:1.4em;}
.test160 {font-size: 160%; line-height:1.4em;}
.test180 {font-size: 180%; line-height:1.4em;}
 */

/* ========== clear ========== */
.clrFix:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
* html .clrFix{display:inline-block;}
*:first-child+html .clrFix {display:inline-block;}
.clr{clear:both;}


html{
    height:100%;
}

body{
	background: #eff3ef;
    height:100%;
}
* html div#wrapper{
    height:100%;
}

div#wrapper{
	font-size: 85%; line-height:1.4em;
	background: #ffffff;
    width:850px;

    margin:0px auto;
    position:relative;
    min-height: 100%;
}

body > #wrapper {
        height: auto;
}



.header_left {
    float: left;
    width: 293px;
    padding: 20px 0px 20px 20px;
}
.header_right {
    float: right;
    width: 141px;
    padding: 20px 20px 0px 0px;
}

.headernavi_area {
    padding: 0px 0px 10px 0px;
}


.footer {
    position:absolute;
	bottom:-60px;
    border-top:2px solid #037103;
    width: 850px;
	background: #ffffff;
    padding: 0px 0px 20px 0px;
}
.footer p {
    padding: 10px 20px 10px 20px;
	text-align: right;
	font-size: 70%; line-height:1.4em;
    border-bottom:1px solid #037103;
}



/* トップページ -------------------------------------- */
.contents-top {
    padding: 0px 20px 50px 20px;
}

.mainphoto {
    margin: 0px 0px 20px 0px;
}
.mainphoto_left {
    float: left;
    width: 627px;
    padding: 0px 0px 0px 0px;
}
.mainphoto_right {
    float: right;
    width: 178px;
    padding: 0px 0px 0px 0px;
}

.contents-top_left {
    float: left;
    width: 510px;
    padding: 0px 0px 0px 0px;
}
.contents-top_right {
    float: right;
    width: 280px;
    padding: 0px 0px 0px 0px;
}


.mame, .manabu, .kuwashiku, .info, .banner {
    margin: 0px 0px 20px 0px;
}

.manabu .title, .kuwashiku .title, .info .title {
    margin: 0px 0px 10px 0px;
}
.manabu .photo, .kuwashiku .photo {
    float: left;
    width: 132px;
}
.manabu .txt, .kuwashiku .txt {
    float: right;
    width: 368px;
}


.mame_box {
    background: #f2f8f2;
    border-left:1px solid #037103;
    border-right:1px solid #037103;
    padding: 10px 15px 0px 15px;
}
.mame_words_title {
    text-align: center;
    color: #037103;
    font-weight: bold;
    font-size:140%;
    line-height:120%;
}
.mame_words_yomi {
    text-align: center;
    padding: 0px 0px 10px 0px;
    color: #037103;
    font-size:65%;
    line-height:120%;
}

.mame_words_bodybox {
    background: #ffffff;
    border:1px solid #bed8be;
    padding: 10px;
}
.mame_morelink {
    text-align: right;
    padding: 10px 0px 0px 0px;
}

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


.info .info_txt {
    padding: 0px 0px 10px 0px;
}
.info .dotline {
    padding: 10px 0px 0px 0px;
}

.banner p {
    padding: 0px 0px 10px 0px;
}







/* セカンド共通 -------------------------------------- */
.contents_left {
    float: left;
    width: 550px;
    padding: 0px 0px 0px 0px;
}
.contents_right {
    float: right;
    width: 240px;
    padding: 0px 0px 0px 0px;
}
.contents_nocolumn {
    width: 810px;
    padding: 0px 0px 0px 0px;
}
.pagetitle {
    padding: 0px 0px 20px 0px;
}

.contents_section {
    padding: 0px 0px 40px 0px;
}
.midashi {
	background: url("../dietitian/images/midashi_bg.gif") repeat-x;
    height: 44px;
}
.midashi p {
	font-size: 120%; line-height:1.4em;
    padding: 12px 0px 0px 10px;
    font-weight: bold;
}
.midashi_nobg {
	font-size: 140%; line-height:1.4em;
    font-weight: bold;
}

.midashi2 {
    border-bottom:1px solid #bbbbbb;
    margin: 0px 0px 5px 0px;
}

.midashi3 {
    font-weight: bold;
	font-size: 120%; line-height:1.4em;
    border-bottom:1px solid #bbbbbb;
    margin: 0px 0px 5px 0px;
}



.txtarea {
    padding: 10px 0px 0px 0px;
}
.txtarea p {
    padding: 0px 0px 12px 0px;
}




/* インタビュー -------------------------------------- */
.interview_list {
    padding: 0px 0px 20px 0px;
    border-bottom:1px solid #bbbbbb;
    margin: 0px 0px 20px 0px;
}
.interview_list .title {
	font-size: 120%; line-height:1.4em;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}
.interview_list .link {
    padding-top: 10px;
}
.interview_list .linkbox {
    padding: 3px 10px 3px 10px;
	background: #eff3ef;
    margin-right: 5px;
}


#interview .interview_top {
    padding-bottom: 50px;
}
#interview .interview_top .backnumber {
    text-align: right;
    padding-top: 10px;
}

#interview .interview_title {
    border:1px solid #bbbbbb;
    margin-bottom: 10px;
    padding: 5px;
}
#interview .interview_title .ti {
	font-size: 120%; line-height:1.4em;
    font-weight: bold;
    color: #037103;
}
#interview .interview_title .name {
	font-size: 120%; line-height:1.4em;
    font-weight: bold;
    color: #037103;
}
#interview .interview_title_txt {
    padding-bottom: 40px;
}
#interview .interview_title_sub {
    margin-bottom: 15px;
}
#interview .interview_title_sub .ti {
	font-size: 120%; line-height:1.4em;
    font-weight: bold;
    color: #037103;
}

#interview .interview_column {
    padding-bottom: 40px;
}
#interview .interview_column_last {
    padding-bottom: 80px;
}
#interview .q {
    font-weight: bold;
    border-bottom:1px solid #bbbbbb;
    margin-bottom: 5px;
    padding-bottom: 2px;
    color: #037103;
}
#interview .interview_column .ans {
}
#interview .cap {
    font-size: 85%; line-height:1.4em;
}

#interview .photo_left {
    float: left;
}
#interview .photo_left img {
    padding: 0 25px 5px 0;
}
#interview .photo_right {
    float: right;
}
#interview .photo_right img {
    padding: 0 0 5px 25px;
}

#interview .interview_profile {
    border:1px solid #bbbbbb;
    padding: 5px;
}
#interview .interview_profile .profile_ti {
    font-weight: bold;
    border-bottom:1px solid #bbbbbb;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #037103;
}
#interview .interview_profile .profile_photo {
    float: left;
}
#interview .interview_profile .profile_photo img {
    padding: 0 20px 0 0;
}
#interview .interview_profile .profile_txt {
}

#interview .interview_bottomlink {
    text-align: right;
    padding-top: 20px;
}



#interview .interview_bottomnavi {
    text-align: center;
    padding-top: 20px;
}
#interview .interview_topnavi {
    text-align: center;
    margin-bottom: 20px;
}

#interview .interview_bottomnavi span, #interview .interview_topnavi span {
    margin: 3px;
    padding: 5px 8px 5px 8px;
}

#interview .interview_bottomnavi .next, #interview .interview_topnavi .next {
	background: #5d80ba;
    border:1px solid #bbbbbb;
}
#interview .interview_bottomnavi .back, #interview .interview_topnavi .back {
	background: #5d80ba;
    border:1px solid #bbbbbb;
}
#interview .interview_bottomnavi .page, #interview .interview_topnavi .page {
    border:1px solid #bbbbbb;
}

#interview .interview_bottomnavi .next a:link,
#interview .interview_bottomnavi .next a:visited,
#interview .interview_bottomnavi .next a:hover,
#interview .interview_bottomnavi .next a:active,
#interview .interview_bottomnavi .back a:link,
#interview .interview_bottomnavi .back a:visited,
#interview .interview_bottomnavi .back a:hover,
#interview .interview_bottomnavi .back a:active,
#interview .interview_topnavi .next a:link,
#interview .interview_topnavi .next a:visited,
#interview .interview_topnavi .next a:hover,
#interview .interview_topnavi .next a:active,
#interview .interview_topnavi .back a:link,
#interview .interview_topnavi .back a:visited,
#interview .interview_topnavi .back a:hover,
#interview .interview_topnavi .back a:active
{color: #ffffff; font-weight: bold;}

#interview .interview_bottomnavi .stay, #interview .interview_topnavi .stay {
	background: #e3e7f0;
    font-weight: bold;
}







/* 学ぶ -------------------------------------- */
.manabu_contact {
	background: url("../dietitian/manabu/images/contact_bg.gif") no-repeat;
    height: 119px;
    margin: 0px 0px 20px 0px;
}
.manabu_contact2 {
	background: url("../dietitian/manabu/images/contact2_bg.gif") no-repeat;
    height: 119px;
}
.manabu_contact p, .manabu_contact2 p {
	text-align: center;
    padding: 75px 0px 0px 0px;
}




/* 詳しく -------------------------------------- */
#kuwashiku .kuwashiku_top {
    padding-bottom: 60px;
}

#kuwashiku .kuwashiku_column {
    padding-bottom: 40px;
}

#kuwashiku .mi {
    font-weight: bold;
    border-bottom:1px solid #bbbbbb;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#kuwashiku .cap {
    font-size: 85%; line-height:1.4em;
    padding: 10px 0px 0px 0px;
}

#kuwashiku .report {
    padding-bottom: 20px;
}
#kuwashiku .report_last {
    padding-bottom: 30px;
}
#kuwashiku .ti {
    font-weight: bold;
    color: #037103;
}
#kuwashiku .name {
    color: #037103;
}
#kuwashiku .txt {
    padding-left: 15px;
}









/* アンケート -------------------------------------- */
.txtarea_form {
    padding: 20px 0px 0px 0px;
}
.txtarea_form p {
    padding: 0px 0px 3px 0px;
}
.txtarea_form_send {
	text-align: center;
    margin-top: 40px;
    padding: 10px 0px 10px 0px;
	background: #eff3ef;
}





.contact_table {
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
	text-align: left;
	}
.contact_table th {
    width: 150px;
    padding: 3px;
	background: #e9e9e9;
    border-bottom:1px solid #cccccc;
    border-right:1px solid #cccccc;
	text-align:left;
	vertical-align: top;
	}
.contact_table td {
    width: 400px;
	padding: 3px;
    border-bottom:1px solid #cccccc;
    border-right:1px solid #cccccc;
	text-align:left;
	vertical-align: top;
	}
.ne { color: #ff3333; }

.contact_table .send {
    width: 570px;
	padding: 3px;
	background: #e9e9e9;
    border-bottom:1px solid #cccccc;
    border-right:1px solid #cccccc;
	text-align:center;
	vertical-align: middle;
	}





/* サイトマップ -------------------------------------- */
.contentstable2 {
    border-top:0px solid #cccccc;
    border-left:0px solid #cccccc;
	}
.contentstable2 td {
    padding: 3px 5px 3px 5px;
    border-bottom:0px solid #cccccc;
    border-right:0px solid #cccccc;
	}

#sitemap_daizu a:link,#sitemap_daizu  a:visited { color: #037103; text-decoration: none; }
#sitemap_daizu a:hover { color: #ff3333; text-decoration: underline; }
#sitemap_daizu a:active { color: #ff3333; text-decoration: none; }

#sitemap_dietitian a:link,#sitemap_dietitian  a:visited { color: #ff7f09; text-decoration: none; }
#sitemap_dietitian a:hover { color: #ff3333; text-decoration: underline; }
#sitemap_dietitian a:active { color: #ff3333; text-decoration: none; }





.ftLeft { float: left; }
.ftRight { float: right; }
.allClear { clear: both; }

/* PADDING ALL */
.pd1px { padding: 1px; }
.pd3px { padding: 3px; }
.pd5px { padding: 5px; }
.pd10px { padding: 10px; }
.pd15px { padding: 15px; }
.pd20px { padding: 20px; }
/* PADDING TOP */
.pt1px { padding-top: 1px; }
.pt3px { padding-top: 3px; }
.pt5px { padding-top: 5px; }
.pt10px { padding-top: 10px; }
.pt15px { padding-top: 15px; }
.pt20px { padding-top: 20px; }
/* PADDING RIGHT */
.pr1px { padding-right: 1px; }
.pr3px { padding-right: 3px; }
.pr5px { padding-right: 5px; }
.pr10px { padding-right: 10px; }
.pr15px { padding-right: 15px; }
.pr20px { padding-right: 20px; }
/* PADDING BOTTOM */
.pb1px { padding-bottom: 1px; }
.pb3px { padding-bottom: 3px; }
.pb5px { padding-bottom: 5px; }
.pb10px { padding-bottom: 10px; }
.pb15px { padding-bottom: 15px; }
.pb20px { padding-bottom: 20px; }
/* PADDING LEFT */
.pl1px { padding-left: 1px; }
.pl3px { padding-left: 3px; }
.pl5px { padding-left: 5px; }
.pl10px { padding-left: 10px; }
.pl15px { padding-left: 15px; }
.pl20px { padding-left: 20px; }

/* MARGIN ALL */
.mg1px { margin: 1px; }
.mg3px { margin: 3px; }
.mg5px { margin: 5px; }
.mg10px { margin: 10px; }
.mg15px { margin: 15px; }
.mg20px { margin: 20px; }
/* MARGIN TOP */
.mt1px { margin-top: 1px; }
.mt3px { margin-top: 3px; }
.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt15px { margin-top: 15px; }
.mt20px { margin-top: 20px; }
/* MARGIN RIGHT */
.mr1px { margin-right: 1px; }
.mr3px { margin-right: 3px; }
.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr20px { margin-right: 20px; }
/* MARGIN BOTTOM */
.mb1px { margin-bottom: 1px; }
.mb3px { margin-bottom: 3px; }
.mb5px { margin-bottom: 5px; }
.mb10px { margin-bottom: 10px; }
.mb15px { margin-bottom: 15px; }
.mb20px { margin-bottom: 20px; }
.mb60px { margin-bottom: 60px; }
/* MARGIN LEFT */
.ml1px { margin-left: 1px; }
.ml3px { margin-left: 3px; }
.ml5px { margin-left: 5px; }
.ml10px { margin-left: 10px; }
.ml15px { margin-left: 15px; }
.ml20px { margin-left: 20px; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }







/* ===== HeaderNavi2 */
#headernavi {
	background: url("../dietitian/images/headernavi.gif") no-repeat;
	width: 850px;
	height: 46px;
	position: relative;
	}
#headernavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
#headernavi li, #headernavi a {
	height: 46px;
	display: block;
	}
#headernavi a {
	text-indent: -5000px;
	text-decoration: none;
	}
#headernavi_home, #headernavi_home_stay {left: 0px; width: 85px;}
#headernavi_interview, #headernavi_interview_stay {left: 85px; width: 191px;}
#headernavi_manabu, #headernavi_manabu_stay {left: 276px; width: 191px;}
#headernavi_kuwashiku, #headernavi_kuwashiku_stay {left: 467px; width: 191px;}
#headernavi_anq, #headernavi_anq_stay {left: 658px; width: 192px;}

#headernavi_home a:hover, #headernavi_home a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") 0px -46px no-repeat;}
#headernavi_home_stay, #headernavi_home_stay a:hover, #headernavi_home_stay a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") 0px -46px no-repeat;}

#headernavi_interview a:hover, #headernavi_interview a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -85px -46px no-repeat;}
#headernavi_interview_stay, #headernavi_interview_stay a:hover, #headernavi_interview_stay a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -85px -46px no-repeat;}

#headernavi_manabu a:hover, #headernavi_manabu a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -276px -46px no-repeat;}
#headernavi_manabu_stay, #headernavi_manabu_stay a:hover, #headernavi_manabu_stay a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -276px -46px no-repeat;}

#headernavi_kuwashiku a:hover, #headernavi_kuwashiku a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -467px -46px no-repeat;}
#headernavi_kuwashiku_stay, #headernavi_kuwashiku_stay a:hover, #headernavi_kuwashiku_stay a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -467px -46px no-repeat;}

#headernavi_anq a:hover, #headernavi_anq a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -658px -46px no-repeat;}
#headernavi_anq_stay, #headernavi_anq_stay a:hover, #headernavi_anq_stay a:visited:hover { background: transparent url("../dietitian/images/headernavi.gif") -658px -46px no-repeat;}