/* サン宣企画向け　スタイルシート */

@charset "Shift_JIS";

/* ブラウザー設定をクリアする */
*{
 margin:0;
 padding:0;
}

/* レイアウト */
#container {
 width:750px;
 margin-left:10px;
 margin-top:10px;
}
#header {
 width:100%;
 height:84px;
 background-image:url('../img/header.gif');
 background-position:right;
 background-repeat:no-repeat;
}
#topmenu {
 width:100%;
 height:34px;
 background-color:gray;
 margin-top:10px;
 margin-bottom:10px;
 border-style:solid;
 border-color:gray;
 border-width:1px;
 font-size:14px;
}
#sidemenu {
 width:180px;
 float:left;
 font-size:14px;
}
#contents {
 width:550px;
 float:right;
 color:#333333;
 font-size:14px;
}
#footer{
 clear:both;
 width:100%;
 background-image:url('../img/footer.gif');
 background-position:right;
 background-repeat:no-repeat;
 height:35px;
}

.alignright {
	float: right;
	margin-left: 10px;
}


/* ヘッダー */
#header img{
 margin-top:7px;
 margin-left:20px;
}


/* 上部メニュー */
#topmenu li {
 float:left;
 list-style-type:none;
 list-style-position:outside;
 font-weight:bold;
}
#topmenu a,#topmenu a:link,#topmenu a:visited{
 text-decoration:none;
 color:white;
 text-align:center;
 display:block;
 position:relative;
 padding-top:10px;
 padding-bottom:10px;
 width:150px;
} 
#topmenu a:hover{
 color:tomato;
 background-color:snow;
 border-bottom-color:tomato;
 border-top-color:tomato;
}

/* サイドメニュー */
#sidemenu ul #sidemenu li {
 display:block;
}
#sidemenu ul {
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:gray;
}
#sidemenu li {
 list-style-type:none;
}
#sidemenu a,#sidemenu a:link,#sidemenu a:visited{
 text-decoration:none;
 display:block;
 padding-top:1em;
 padding-bottom:1em;
 padding-left:20px;
 background-image:url('../img/arrow_bule.GIF');
 background-position:left;
 background-repeat:no-repeat;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:gray;
 width:100%;
} 
#sidemenu a:hover{
 background-image:url('../img/arrow_orange.GIF');
 background-repeat:no-repeat;
 background-position:left;
 background-color:mistyrose;
}
#sidemenu .yubin{
 margin-top:20px;
 text-align:center;
}
#sidemenu .yubin img{
 text-align:center;
}
#sidemenu .yubin p{
 font-weight:bold;
 font-size:16px;
 margin-left:0px;
}
#sidemenu .box{
 margin-top:5em;
 border-width:1px;
 border-color:navy;
 border-style:solid;
 width:130px;
}
#sidemenu .box .title{
 padding:0.5em;
 color:white;
 background-color:navy;
 font-size:14px;
 text-align:center;
}
#sidemenu .box img{
 padding:1em;
 text-align:center;
}
/* コンテンツ部分 */
h1 {
 font-size:26px;
 background-image:url('../img/post.gif');
 background-repeat:no-repeat;
 background-position:left;
 padding-left:32px;
 margin-bottom:0.75em;
}
h2 {
 font-size:24px;
 margin-top:0.75em;
 margin-bottom:0.24em;
}

p {
 line-height:145%;
 text-align:justify;
 margin-left:32px;
 margin-bottom:0.5em;
 font-size:14px;
}
#contents .tokucho{
 margin-left:1em;
 background-color:antiquewhite;
 padding:0.5em;
}

#contents .office td {
 padding:0.5em;
 font-size:14px;
}
#contents .office table {
 width:518px;
 margin-left:32px;
 border-collapse:collapse;
 border-style:solid;
 border-width:1px;
 border-color:gray;
}
#contents .office h2 {
 margin-left:32px;
 border-bottom-color:darkred;
 border-bottom-width:1px;
 border-bottom-style:solid;
 font-size:20px;
 color:darkred;
 padding-bottom:5px;
 margin-top:1em;
 margin-bottom:1em;
}
#contents ol,#contents li{
 margin-left:32px;
 font-size:14px;
}
.number {
 margin-left:46px;
 font-size:14px;
 text-indent:-14px;
}
#contents .greenbox{
 margin-left:32px;
 border-color:darkgreen;
 background-color:lightcyan;
 border-style:double;
 border-width:medium;
}
#contents .greenbox h2{
 margin:0;
 padding:0.5em;
 border-bottom-color:darkgreen;
 color:darkgreen;
}
#contents .greenbox p{
 padding:0.5em;
}
#contents .greenbox .shidou{
 background-color:lightyellow;
 border-color:yellow;
 margin-left:1em;
 margin-right:1em;
 margin-top:1em;
 margin-bottom:1em;
 padding-right:14px;
 padding-bottom:0.5em;
}
hr{
 border-top-width:1px;
 border-style:none;
 border-top-style:dotted;
 border-top-color:darkred;
 clear:both;
}
#contents .variety{
 margin-left:32px;
}
#contents .variety img{
 float:right;
 margin-left:1em;
}
#contents .variety h2{
 color:darkred;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:darkred;
}
#contents .variety h2:first-letter{
 font-size:1.5em;
}
#contents .agency h2{
 color:darkred;
 background-color:lavender;
 border-left-color:darkred;
 border-left-style:solid;
 border-left-width:0.5em;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-bottom-color:darkred;
 padding-top:5px;
 padding-bottom:3px;
 padding-left:0.5em;
 font-size:20px;
 margin-left:32px;
}
#contents .agency p{
 margin-left:42px;
}
#contents .form table{
 width:518px;
 margin-left:32px;
 border-collapse:collapse;
 border-top-style:solid;
 border-top-width:1px;
 border-top-color:gray;
 border-right-color:gray;
 border-right-style:solid;
 border-right-width:1px;
}
#contents .form th,#contents .form td{
 border-bottom-color:gray;
 border-bottom-style:solid;
 border-bottom-width:1px;
 font-size:16px;
}
#contents .form th{
 border-left-color:darkred;
 border-left-style:solid;
 border-left-width:6px;
 text-align:left;
 padding:0.5em;
 background-color:lavender;
}
#contents .form td{
 text-align:left;
 padding:0.5em;
}
#contents .form h2 {
 font-size:20px;
 background-image:url('../img/post.gif');
 background-repeat:no-repeat;
 background-position:left;
 padding-left:32px;
 margin-bottom:0.75em;
}

.aisatsu0 {
	margin-top: 30px;
	margin-bottom: 10px;
}
.aisatsu1 {
	margin-left: 20px;
	margin-bottom: 20px;
}
.aisatsu2 {
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}

.agent_frame1 {
	background: url(../img/agent1.gif) no-repeat top left;
	margin-left: 50px;
	padding-left: 120px;
}
.agent_frame2 {
	background: url(../img/agent2.gif) no-repeat top left;
	margin-left: 30px;
	padding-left: 140px;
}

.apply {
	background: url(../img/tel.gif) no-repeat top right;
}

.floatclear {
	clear:both;
}