﻿/*
 * date:2008.06.11
 * file name: archive.css
 * auther:Shukosha Printing Co.,Ltd
 */

.contents01{
    width:550px;
    padding:0 0 10px 10px;
    }

#propose .contents02{
    width:265px;
    padding:0;
    float:left;
    }

#propose .contents03{
    width:265px;
    padding:0 0 0 15px;
    float:left;
    }

#ci .contents01{
    padding-top:30px;
		}

h4.ssttl{
    margin:30px 0 10px 0;
    padding:0 0 2px 4px;
    border-bottom:solid 1px #ccc;
    }

#ci h4.ssttl{
    margin:40px 0 25px 0;
		}

h4.ssttl02{
    margin:20px 0 10px 0;
    padding:2px 0 0 6px;
    border-top:solid 1px #ccc;
    }

.contents01_inner{
    width:460px;
    padding:0 0 0 30px;
    }

#ci .contents01_inner,
#WEB .contents01_inner{
    width:530px;
		padding:0 0 0 15px;
		}

#ci .contents01_inner02{
    width:520px;
		padding:0 0 0 25px;
		}

#ci .contents01_inner03{
    width:500px;
		padding:0 0 0 35px;
		}

#print .contents01_inner01,
#propose .contents01_inner01{
    width:auto;
	padding:0;
	float:left;
	}

#print .contents01_inner02{
    width:auto;
	padding:0 0 0 60px;
	float:left;
	}

#propose .contents01_inner02{
    width:auto;
	padding:0 0 0 18px;
	float:left;
	}

#print .contents01_inner01 img,
#print .contents01_inner02 img,
#propose .contents01_inner01 img,
#propose .contents01_inner02 img{
	margin:0 0 3px 0;
	vertical-align:top;
	}

#print .contents01_inner01 img.margin_pic,
#print .contents01_inner02 img.margin_pic{
	margin:0 30px 3px 0;
	}

#propose .contents01_inner01 img.margin_pic,
#propose .contents01_inner02 img.margin_pic{
	margin:0 40px 3px 0;
	}

#propose .contents01_inner01 img.margin_pic2,
#propose .contents01_inner02 img.margin_pic2{
	margin:0 20px 3px 0;
	}

#print .contents01_inner01 .ssttl img,
#print .contents01_inner02 .ssttl img,
#propose .contents01_inner01 .ssttl img,
#propose .contents01_inner02 .ssttl img{
	margin:0;
	}

#print .contents01_inner01 p,
#print .contents01_inner02 p,
#propose .contents01_inner01 p,
#propose .contents01_inner02 p{
	line-height:1.2em;
	}

#event .contents01_inner{
    width:535px;
    padding:0;
    }

.contents01 .pict{
    position:relative;
    width:460px;
    height:auto;
    padding:0 0 10px 0;
    }

.contents01 .pict02{
    float:left;
    width:180px;
    padding:0;
    text-align:center;
    }

.contents01 .contents03 .pict02{
    float:left;
    width:100px;
    padding:0;
    text-align:center;
    }

.contents01 .pict dl{
    position:absolute;
    left:195px;
    top:15px;
    width:250px;
    margin:0;
    padding:0;
    }

.contents01 dt{
    padding:0 0 0 14px;
    margin:0 0 1px 0;
    font-weight:bold;
    background:url(../img_comm/ico_dot_01.gif) no-repeat 0 50%;
    }

.contents01 dd{
    padding:0 0 0 14px;
    margin:0;
    line-height:1.5;
    }

.contents01 ul.list01{
    list-style:none;
    margin:0 0 0 195px;
    padding:0;
    }

#ci .contents01 ul.list02{
    list-style:none;
    margin:0 0 0 40px;
    padding:0;
    }

#ci .contents01 ul.list02 p{
    font-weight:normal;
    padding:0 0 0 12px;
    }

.contents02 ul.list01,
.contents03 ul.list01{
    list-style:none;
    margin:0 0 0 15px;
    padding:0;
    }

.contents02 ul.list02,
.contents03 ul.list02{
    list-style:none;
    margin:0 0 0 107px;
    padding:0;
    }

.contents01 li{
    margin:0 0 1px 0;
    padding:0 0 0 14px;
    font-weight:bold;
    background:url(../img_comm/ico_dot_01.gif) no-repeat 0 0.3em;
    }

.navi_01{
    margin-top:20px;
    padding:10px 0 0 0;
    border-top:solid 1px #ccc;
    }

#ci .logo01{
    width:220px;
		float:left;
		}

#ci .logo02{
    width:310px;
		float:left;
		}

.img_margin01{
    margin-bottom:45px;
		}

.img_margin02{
    margin-bottom:10px;
		}

.img_margin03{
    margin-right:10px;
    margin-left:25px;
		}

.img_margin04{
    margin:0 0 10px 20px;
		}

.img_margin05 img{
    margin:0 4px 4px 0;
		}

.img_margin06{
    margin:0 85px 25px 0;
		vertical-align:top;
		}

.img_align_top img{
    vertical-align:top;
		}

.img_margin07{
    margin:0 20px 0 0;
    }

.img_margin08{
    margin:0 8px 0 0;
    }


#event .text dl{
    list-style:none;
    margin:0;
    padding:0;
    }

#event .text dt{
    width:56px;
    padding:0;
    margin:0;
    float:left;
    background:none;
    }

#event .text dd{
    margin:0 0 3px 0;
    padding:0 0 2px 61px;
    border-bottom:dashed 1px #ccc;
    }

#event .pict{
    width:auto;
    margin:15px 0 0 0;
    }

/*
#event .pict img{
    margin:0 15px 0 0;
    }
*/

#WEB .segment{
    clear:both;
    width:530px;
		height:auto;
		padding:9px 0 10px 0;
		background:url(../img_comm/dot_line_01.gif) repeat-x 0 100%;
		}

#WEB .segment .pict{
    width:210px;
		padding:0;
		float:left;
		}

#WEB .segment .pict img{
    margin:0;
    border:solid 1px #ccc;
		}

#WEB .segment .text{
    width:315px;
		padding:0;
		float:left;
		}

#WEB .segment .text p{
		margin:0 0 4px 0;
		}

#WEB .segment .text a{
		padding:0 0 0 32px;
		background:url(../achievements/web/img/ico_url.gif) no-repeat 0 0;
		}


