/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/


body {
text-align: center;
background-color:#ffffff;/*全体の背景色-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;/*基本の文字サイズ-----------------*/
line-height:150%;
color:#f44b32;/*基本の文字色-----------------*/
margin-top:20px;/*コンテンツボックスを上から少し離しています-----------------*/
margin-bottom:0px;
margin-left:0;
margin-right:0;
}

/*不仕様設定*/
h1,h2,h3 {
margin:0px;
padding:0px;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示
img  {
border: none;
vertical-align:top;
}
*/
img {
border-color:#000000;
}



/*TABLEボーダー非表示*/
table  {
border:none;
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*ビルダー表示崩れ回避*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}


/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}




/*ページのタイトル部分のテキストリンク-----------------*/
h2 a:link       {text-decoration:none;color:#444444;} /*メニュー・テキストリンクの色*/
h2 a:visited    {text-decoration:none;color:#444444;} /*メニュー・訪問済みのリンクの色*/
h2 a:active     {text-decoration:underline;color:#444444;} /*メニュー・クリック時のリンクの色*/
h2 a:hover      {text-decoration:underline;color:#444444;} /*メニュー・マウス上にカーソルがある時のリンク色*/



/*普通のテキストリンク-----------------*/
a:link    {text-decoration:underline;color:#D15550;}  /*テキストリンクの色*/
a:visited {text-decoration:underline;color:#D15550;}  /*訪問済みのリンクの色*/ 
a:active  {text-decoration:underline;color:#D15550;}   /*クリック時のリンクの色*/
a:hover   {text-decoration:underline;color:#D15550;}  /*マウスの上にカーソルがあるときのリンクの色*/



/*左メニューのテキストリンク-----------------*/
#menu a:link    {text-decoration:none;color:#ffffff;}  /*テキストリンクの色*/
#menu a:visited {text-decoration:none;color:#ffffff;}  /*訪問済みのリンクの色*/ 
#menu a:active  {text-decoration:underline;color:#ffffff;}   /*クリック時のリンクの色*/
#menu a:hover   {text-decoration:underline;color:#ffffff;}  /*マウスの上にカーソルがあるときのリンクの色*/




#container{
width:948px;
margin:0 auto;
padding:0;
text-align:left;
}




#header{
margin:0px;
position:relative;
width:948px;
height:80px;
}



/*----コンテンツ部分（左メニューと右コンテンツを包括する外枠と背景）--------*/
#wrapper{
width:946px;
clear:both;
background-color:#FFFFFF;    /*----背景色--------*/
position:relative;
float:left;
border:#CECECE solid 1px;    /*----外枠の線の色・種類・太さ--------*/
margin-bottom:12px;
}


iframe{
border:none;
}





/*左メニュー------------------------*/
#side{
margin: 0;
padding: 0;
width:160px;
vertical-align:top;
background-color:#f44b32;    /*----背景色-----*/
font-size:10px;
color:#ffffff;
}


/*ツイッターァー------------------------*/
.twitter-timeline {
min-width:150px!important;
}


#side ul{
list-style-type: none;
margin:4px;
padding: 0;
}


/*メニューのカテゴリ名部分-----------------*/
.midashi{
background-color:#f44b32;     /*----背景色-----*/
color:#ffffff;      /*----文字色-----*/
font-weight:bold;     /*----太文字-----*/
font-size:11px;     /*----文字サイズ-----*/
padding:6px 8px;
text-align:center;
line-height:110%;
padding-top:20px;
padding-bottom:20px;
}



/*各メニュー点線の下線つき-----------------*/
#side li.normal{
border-bottom:1px #ffffff dotted;     /*----下線の太さ、色、種類（点線）-----*/
padding:9px 7px;
}



#side li.last{
padding:9px 7px;
}




/*バナー部分-----------------*/
.ad{
text-align:center;
margin-bottom:20px;    /*バナーの下は20px空ける--------------*/
}




#main{
float:right;
width:764px;
vertical-align:top;
}



.contents{
margin:0px 12px 20px 12px;
}



.text{
margin:2px 2px 30px 2px;
line-height:170%;
}





/*----中ページのタイトル--------*/
#page_title{
padding:8px 10px;
font-size:16px;    /*----文字サイズ--------*/
font-weight:bold;
color:#ffffff;             /*----文字色--------*/
border:#f5f5f5 double 6px; /*----枠線を二重線で--------*/
background-color:#D86662; /*----背景色--------*/
margin-bottom:20px;
}




/*----テーブル表組み左のセル--------*/
.table_item{
background-color:#f3f3f3; /*----セルの色--------*/
text-align:left;
}


/*----テーブル表組み右のセル--------*/
.table_text{
background-color:#ffffff; /*----セルの色--------*/
text-align:left;
}


/*----テーブル表組みの枠線--------*/
.waku{
background-color:#999999; /*---枠線の色--------*/
}



/*----コピーライト表記--------*/
#copyright{
clear:both;
margin:0 auto;
padding:6px 0px;
width:948px;
font-size:11px;
text-align:center;  /*---中央表示--------*/
background-color:#666666;  /*---背景色--------*/
color:#ffffff;   /*---文字色--------*/
}


.space20{
margin-bottom:10px;
}



/*----以下は旧サイトからの流用--------------------------------------------------------*/

/*　テーブル下地とかに使うメインの色*/
.maincolor {
	color: #333333;
	background-color:#f44b32;
	font-weight:bold;
	font-size:12px;
}

#top_a_box{
	float:left;
	width:762px;
	height:350px;
	text-align:left;
	border:solid 1px #000000;
}
#top_b_box{
	float:left;
	width:762px;
	height:200px;
	text-align:left;
	border:solid 1px #000000;
}
#top_a_amzn{
	float:left;
	width:50px;
	height:50px;
	position:relative;
	z-index:2;
	top:275px;
	left:225px;
}

/*　お仕事ボックス*/
#box1{
	float:left;
	align-content:center;
	vertical-align:middle;
	width:82px;
	height:150px;
	border-top:solid 1px #f61d00;
	border-left:solid 1px #f61d00;
	border-bottom:solid 1px #F61D00;
}

#box2{
	float:left;
	width:300px;
	height:150px;
	border-top:solid 1px #f61d00;
	border-bottom:solid 1px #F61D00;
}
#box3{
	float:left;
	width:370px;
	height:140px;
	text-align:left;
	padding:5px;
	border-top: solid 1px #f61d00;
	border-right:solid 1px #f61d00;
	border-bottom:solid 1px #F61D00;
}
#box3plain{
	float:left;
	width:764px;
	text-align:left;
}
#box3free{
	float:left;
	width:752px;
	text-align:left;
	padding:5px;
	border-top: solid 1px #f61d00;
	border-left: solid 1px #f61d00;
	border-right:solid 1px #f61d00;
	border-bottom:solid 1px #F61D00;
}
/*　ボックステキスト見出し*/
div#box3 > h1 {
	font-size:18px;
	line-height:130%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#595959;
	background-color:#EEEEEE;
}
div#box3free > h1 {
	float:left;
	width:75%;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#595959;
	background-color:#EEEEEE;
	border-bottom:2px #ffffff dotted;     /*----下線の太さ、色、種類（点線）-----*/
}
/*　ボックステキスト通常*/
div#box3 > h2 {
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#333333;
}
div#box3free > h2 {
	float:left;
	width:25%;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#333333;
	border-bottom:2px #ffffff dotted;     /*----下線の太さ、色、種類（点線）-----*/
	padding-bottom:2px;
}
/*　ボックステキストリンク*/
div#box3 > h3 {
	font-size:11px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#777777;
	text-align:right;
}
div#box3free > h3 {
	font-size:11px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#777777;
	text-align:left;
}



/* ■TEXT STYLES
---------------------------------------------------- */
/*　トップページ上の説明文とか　本文に色情報だけ追加します*/
.smallblack {
	color: #222222;
}

/*　黒おっきい文字　お仕事のタイトルとか*/
.worktype {
	color: #333333;
	font-weight:bold;
	font-size:12px;
}

/*　白おっきい文字*/
.white {
	color: #FFFFFF;
	font-weight:bold;
	font-size:16px;
}

.whites {
	color: #FFFFFF;
	font-weight:bold;
	font-size:11px;
}

/*　赤いおっきい注意文字*/
.caution {
	color: #CC3333;
	font-size:12px;
}

/*　*/
.circlespace {
	color: #CC0000;
	font-weight:bold;
}

/*　アーカイブ*/
#arc {
	font-size: 10px;
	line-height: 160%;
	border-top:dotted;
	border-top-color:#000;
	border-top-width:1px;
	padding-top:10px;
	padding-bottom:10px;
}
div#arc > h1 {
	font-size:16px;
	color:#333
}
/*　アーカイブ基本のリンク*/
div#arc > A:link { font-size:10px; color:#000000; text-decoration:underline; }
/*　アーカイブ踏んだリンク*/
div#arc > A:visited { font-size:10px; color:#000000; text-decoration:underline; }
/*　アーカイブ？*/
div#arc > A:active { font-size:10px; TEXT-DECORATION: none; color:#969; }
/*　アーカイブマウスオーバー時の効果*/
div#arc > A:hover { font-size:10px; background-color:#F0E68C ; TEXT-DECORATION: none;}


/*　クマさんってよんでね*/
#backuma {
	background-image:url(image/kumashuzo.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

/*　プロフ装飾　divの左端にメインカラーの柱を表示*/
#backcol {
	background-image:url(image/maincolor-piece.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/*　お仕事情報装飾　テーブルtdの上端にグラデの画像を表示*/
#bgr-single {
	background-image:url(image/tablecolor-gra.gif);
	background-repeat:no-repeat;
	background-position:top left;
}