/* CSS Document */
@charset "Shift_JIS";

p,ul,li,h1,h2,h3,h4 {
    margin:0px;
	padding:0px;
}
/* 外枠用テーブル指定 */
table#dietbox {
border:2px dashed #76C4B6;
width:740px;
padding:3px;
margin:8px;
}
/* 現在地（パンくずリスト） */
#pan_list {
font-size: 12px;
width: 726px;
margin: 10px 0 0 15px;
margin-bottom:-5px;
}
/* トップ画像と目次 */
div.top {
width:720px;
height:199px;
margin:5px 0px 0 5px;
background-image:url(../ct/images/diet/top_kari.gif);
background-repeat:no-repeat;
}
div.index {
width:180px;
height:90px;
margin-top:80px;
margin-left:480px;
font-size:12px;
font-weight:bold;
line-height:150%;
color:#76C4B6;
}
div.index a {
color:#76C4B6;
font-weight:bold;
text-decoration:underline;
}
div.index a:visited {
color:#76C4B6;
font-weight:bold;
text-decoration:underline;
}
div.index a:hover {
color:#FF7A73;
font-weight:bold;
text-decoration:underline;
}

div.index img {
margin:3px 5px 3px 0;
vertical-align:middle;
}

/* テキスト部分 */
div.textbox {
width:720px;
margin:5px auto 10px 5px;
font-size:90%;
line-height:150%;
}
div.textbox p{
margin:10px 5px 10px 5px;
}

/* 見出し指定 */
h2.chapter {
clear:both;
width:708px;
height:31px;
font-size:14px;
padding-top:7px;
padding-left:45px;
color:#48B5A3;
background-repeat:no-repeat;
}
h2#chap01 {
background-image:url(../ct/images/diet/chap01.gif);
}
h2#chap02 {
width:712px;
height:30px;
background-image:url(../ct/images/diet/chap02.gif);
}
h2#chap03 {
background-image:url(../ct/images/diet/chap03.gif);
}
h2#chap04 {
background-image:url(../ct/images/diet/chap04.gif);
}

/* フォント指定 */
.dietpink {
color:#FF7A73;
font-weight:bold;
}
.dietgreen {
color:#57B7A6;
font-weight:bold;
font-size:14px;
}
.dietgreen2 {
color:#57B7A6;
}
.dietblue {
color:#6BAFDC;
font-weight:bold;
}

.dietblueline {
margin:0px 20px;
padding:0px;
color:#6BAFDC;
font-weight:bold;
border:1px solid #6BAFDC;
}
.dietblueline p {
padding:0px;
}
.dietblueline ol {
margin:10px 0px 10px 35px;
}
.dietblueline2 {
margin:0 0 0 20px;
padding:0px;
width:500px;
color:#6BAFDC;
font-weight:bold;
border:1px solid #6BAFDC;
}
.small {
font-size:90%;
line-height:140%;
margin:0px;
padding:0px;
}
.selected {
color:#3A897B;
font-weight:bold;
}

/* テーブル指定 */
table.diethyou {
font-size:12px;
line-height:130%;
background-repeat:no-repeat;
background-position:center left;
}
table.f_left {
float:left;
}
table.f_right {
float:right;
}
table.c_both {
clear:both
}
td.exp {
padding:5px;
width:205px;
height:75px;
background-image:url(../ct/images/diet/exp_bk.gif);
background-repeat:no-repeat;
}
td.exp2 {
padding:5px;
width:205px;
height:95px;
background-image:url(../ct/images/diet/exp2_bk.gif);
background-repeat:no-repeat;
}
td.exp3 {
padding:5px;
width:185px;
height:85px;
background:url(../ct/images/diet/exp3_bk.gif) no-repeat left center;
}
td.exp4 {
padding:5px;
width:205px;
height:125px;
background:url(../ct/images/diet/exp4_bk.gif) no-repeat left center;
}

/* 移植 */
.style1 {color: #e23131;font-weight: bold;font-size: 16px;}
table.txtbox{border-top:1px dotted #b2b2b2;margin-bottom:10px}
.style6 {color: #032ED2;font-weight: bold;font-size: 14px;}
td.tradeinR a {text-decoration:none;}
td.tablebox{font-size: 80%;line-height: 150%;background-color:#FFFFFF}
td.tablebox1{font-size: 80%;line-height: 150%;background-color:#ffefe8}
table.hyou{font-size:10px;color: #444444;line-height:130%}
.style7 {color: #DE1E1E}

/* ---- ヘッダ部分バナー設定 ---- */
div#banner {margin:5px 0px 0px 10px}

/* ---- 「次のページへ」 ---- */
#nextbox {
font-size:90%;
width:720px;
height:18px;
border-bottom:1px dotted #76C4B6;
padding-bottom:5px;
}
#next_left {
	float:left;
	text-align:left;
}
#next_right {
	float:right;
	text-align:right;
}