@charset "utf-8";

/***************************************
基本
****************************************/

* {
    font-style : normal;
    font-weight : normal;
}
body {
    background:url(http://www.suda.co.jp/img/body_bg_tile.jpg) top center #E1DDD8 repeat-y;
    font-family: Verdana, Arial, sans-serif;
    color : black;
    line-height : 1.4;
    font-size : 80%;
    margin:0;
    padding:0;
}

h1 { /*サイトタイトル*/
    margin:0;
    padding:0;
    font-size : 80%;
}
h2 { /*カテゴリータイトル、記事ごとのタイトル*/
    margin:0 0 6px 0;
    padding:0;
    font-size : 130%;
    font-weight : bold;
}
h2 a{ /*カテゴリータイトル、記事ごとのタイトル*/
    margin:0;
    font-weight : bold;
}
h3 {  /*ページ内の項目（トップに出している記事タイトルも）*/
    margin:0;
    padding:0;
    font-size : 110%;
    font-weight : bold;
}
h4 {  /*本文（トップに出している記事タイトルも）*/
    margin:0;
    padding:0;
    font-size : 140%;
}
h5 {  /**/

}
h6 {  /*記事の日付*/
    margin:0;
    padding:0;
    font-size : 100%;
}

p {
    margin:0;
    padding:0;
    font-size : 120%;
}

strong {
    font-weight : bold;
}
ul {
    margin:0;
    padding:0;
}
li {
    margin:0;
    padding:0;
    list-style-type: none; 
}
a {
    color:#0033cc;
}
img {
    border:0;
    text-decoration:none;
}
em{
    font-style:italic;
}
/*
ul {
    margin:0;
    padding:3px 0 10px 0;
    line-height : 1.3;
}
li {
    margin:0 0 0 16px;
    padding:0;
    list-style-image: url('http://www.suda.co.jp/img/icon_mark.gif');
}
*/


/***************************************
全ぺージ共通
****************************************/
#body { /*おおそとのボックス、センタリング*/
	width:840px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
/*おおそとのボックス IE6&IE7*/
* html body #body {
    padding-left:5px;
}
*+html body #body {
    padding-left:5px;
}
/*---------------------*/

#headerline { /*トップページの背景　頭の青帯*/
    width:845px;
    height:10px;
    background:url(http://www.suda.co.jp/img/body_bg0.jpg) no-repeat;
}
/*トップページの背景　頭の青帯 IE6&IE7*/
* html body #headerline {
    margin-left:-4px;
}
*+html body #headerline {
    margin-left:-2px;
    margin-bottom:4px;
}
/*---------------------*/

#bg { /*トップページの背景*/
	margin:0;
    padding:0 0 0 0;
    background:url(http://www.suda.co.jp/img/body_bg.jpg) no-repeat;
}
/*トップページの背景 IE6&IE7*/
* html body #bg {
	margin:-4px 0 0 0;
}
*+html body #bg {
	margin:-4px 0 0 0;
}
/*---------------------*/
#bg2 { /*詳細ページの背景*/
	margin:0;
    padding:0;
    background:url(http://www.suda.co.jp/img/body_bg2.jpg) no-repeat;
}
/*詳細ページの背景 IE6&IE7*/
* html body #bg2 {
	margin:-4px 0 0 0;
}
*+html body #bg2 {
	margin:-4px 0 0 0;
}
/*---------------------*/

#clear {
	clear:both;
}
#pad1{ /*トップページ、袖の枠内余白*/
padding:15px;
}
#pad2{ /*トップページ、bodyの枠内余白*/
padding:5px 20px 15px 20px;
}
#pad3{ /*トップページ、bodyのフリースペースの枠内余白*/
padding:20px;
background:url(http://www.suda.co.jp/img/table_bg1.gif) top center #F5F4EF repeat-x;
}
#pad4{ /*袖項目の余白*/
padding:0 15px 15px 15px;
}
#pad5{ /*検索結果の背景*/
padding:30px;
background:url(http://www.suda.co.jp/img/search_bg.gif) top center #ffffff repeat-x;
}

#banner img { /*袖画像バナーの縦間隔*/
	margin-bottom:1px;
}
#footer-bg {  /*フッタ部分上部の影*/
    background:url(http://www.suda.co.jp/img/footer_bg.gif) repeat-x;
}
#footer-bottom {  /*フッタ最下部の横長画像*/
/*
	width:900px;
    background:url(http://www.suda.co.jp/img/footer_bg2.gif) no-repeat;
    height:18px;
    margin-top:6px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
*/
}
#fortop {  /*ページの先頭へボタンの選択範囲拡大*/
	padding:5px;
}

/***************************************
ヘッダ
****************************************/
#header{
padding-top:0px;
}
#copy{
font-size:12px;
padding-left:15px;
line-height : 1.3;
}
#search{
}
#navi{
width:739px;
position: absolute;
margin-left:50px;
}
#mainimg{
margin-top:25px;
}

/***************************************
ドロップダウンメニュー
****************************************/

#navi dl{ /*第一階層 画像項目*/
    margin: 0;
    padding: 0;
    float: left;
}
#navi dl a{
    cursor:pointer;
}

#navi dd{ /*ドロップメニューの青枠全体指定（テキストリンクデフォ値）*/
    background:url(http://www.suda.co.jp/img/navi_bg.jpg) repeat-x;
    width:190px;
    display: none;
    margin: 0 0 1px 0; /*画像項目へのドロップダウンメニュー左付けにひつよう*/
    padding:10px 5px 10px 10px;
    position: absolute;
    text-decoration:none;
    line-height:1.1;
    border-left:#000066 1px solid;
    border-right:#000066 1px solid;
    border-bottom:#000066 1px solid;
    font-size:100%
}

#navi dd a{ /*ドロップメニュー内 テキストリンク有効時*/
    color:white;
    display: block;
    text-decoration:none;
    margin-bottom:4px;
}
#navi dd font{ /*ドロップメニュー内 テキストリンク無効時*/
    color:#809BC8;
    text-decoration:none;
    line-height:1.3;
}

#navi dd a:hover{
    background:#355DA5;
}



#cat0{
    margin:0 0 0 0;
}
#cat1{
    margin:0 0 0 13px;
}
#cat2{
    margin:0 0 0 26px;
}


#navi dl:hover dd{
    display: block;
}
#navi a{
    display: block;
}
/***************************************
静的ページ用スタイル
****************************************/

td{
	line-height:1.5;
	}
	
.com-title{
	background:url(../company/img/company_title_bg.jpg) repeat-x;
	}
	
.list{
	margin:0;
	padding:0;
	}
	
.list li{
list-style-image:none;
	list-style-type:decimal;
}

/*
    background:url(http://www.suda.co.jp/img/icon_allow_navi.gif)left center no-repeat;
    padding:0 0 1px 10px;
*/

/***************************************
プランナーズアイ
****************************************/

#eye { /*記事日付直下の隙間*/
    margin-bottom:8px;
}

#eye span { /*記事日付の色つけ　エントリ一覧・詳細*/
    background:#CB8F21;
    color:white;
    padding:1px 6px 2px 6px;
}
#category_eye { /*記事詳細・カテゴリ一覧・直下ページの日付横カのカテゴリ名*/
    color:#A3731B;
    margin-left:1px;
    background:#EBDEBB;
    padding:1px 6px 2px 6px;
}


#eyetop li { /*記事タイトル　トップ表示*/
    color:#A3731B;
    padding:0 0 5px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_eye.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}

#eyetop span { /*記事タイトル　トップ表示 日付*/
    font-size:90%;
}


#list_eye li { /*袖の各リスト*/
    color:#A3731B;
    padding:0 0 10px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_eye.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}


#posted { /*記事下の投稿者名の行*/
    color:#7B714A;
    padding:0;
    margin:8px 0 20px 0;
    border-top:#D5CEB9 1px solid;
}
#posted span { /*記事下の投稿者名の行のセパレータ*/
    padding-top:-15px;
    color:#D5CEB9;
}


/***************************************
須田製版の仕事ブログ
****************************************/

#blog { /*記事日付直下の隙間*/
    margin-bottom:8px;
}
#blog span { /*記事日付の色つけ　エントリ一覧・詳細*/
    background:#3F94BC;
    color:white;
    padding:1px 6px 2px 6px;
}
#category_blog { /*記事詳細・カテゴリ一覧・直下ページの日付横カのカテゴリ名*/
    color:#327798;
    margin-left:1px;
    background:#CEDFE2;
    padding:1px 6px 2px 6px;
}

#blogtop li { /*記事タイトル　トップ表示*/
    color:#327798;
    padding:0 0 5px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_work.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}
#blogtop span { /*記事タイトル　トップ表示 日付*/
    font-size:90%;
}

#list_blog li { /*袖の各リスト*/
    color:#327798;
    padding:0 0 10px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_work.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}

#blog_index_list h3 { /*index下部の各ジャンルタイトルリスト*/
    font-size:100%;
    width:140px;
    float:left;
    margin-bottom:15px;
}
#blog_index_list ul { /*index下部の各ジャンルの囲い*/
    width:360px;
    float:right;
    border-left:#C4BA9D 1px solid;
    margin-bottom:15px;
}
#blog_index_list li { /*index下部の各ジャンルタイトル項目*/
    margin-left:10px;
    padding:0 0 3px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_work.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}
#blog_index_list span { /*index下部の各ジャンルタイトルリスト*/
    font-size:90%;
    color:#7B714A;
}



/***************************************
新（裏）北海道学
****************************************/

#hokkaido { /*記事日付直下の隙間*/
    margin-bottom:8px;
}

#hokkaido span { /*記事日付の色つけ　エントリ一覧・詳細*/
    background:#63667A;
    color:white;
    padding:1px 6px 2px 6px;
}
#category_hokkaido { /*記事詳細・カテゴリ一覧・直下ページの日付横カのカテゴリ名*/
    color:#63667A;
    margin-left:1px;
    background:#D2D1CE;
    padding:1px 6px 2px 6px;
}

#hokkaidotop li { /*記事タイトル　トップ表示*/
    color:#63667A;
    padding:0 0 5px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_hokkaido.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}
#hokkaidotop span { /*記事タイトル　トップ表示 日付*/
    font-size:90%;
}


#list_hokkaido li { /*袖の各リスト*/
    color:#63667A;
    padding:0 0 10px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_hokkaido.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}


/***************************************
事例・実績
****************************************/

#casestudy { /*記事日付直下の隙間*/
    margin-bottom:8px;
}

#casestudy span { /*記事日付の色つけ　エントリ一覧・詳細*/
    background:#D16573;
    color:white;
    padding:1px 6px 2px 6px;
}
#category_casestudy { /*記事詳細・カテゴリ一覧・直下ページの日付横カのカテゴリ名*/
    color:#D15964;
    margin-left:1px;
    background:#EBCAC9;
    padding:1px 6px 2px 6px;
}

#casestudytop li { /*記事タイトル　トップ表示*/
    color:#D15964;
    padding:0 0 5px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_casestudy.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}

#casestudytop span { /*記事タイトル　トップ表示 日付*/
    font-size:90%;
}

#list_casestudy li { /*袖の各リスト*/
    color:#D15964;
    padding:0 0 10px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_casestudy.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}




#casestudy_index_list h3 { /*index下部の各ジャンルタイトルリスト*/
    font-size:100%;
    width:140px;
    float:left;
    margin-bottom:15px;
}
#casestudy_index_list ul { /*index下部の各ジャンルの囲い*/
    width:360px;
    float:right;
    border-left:#C4BA9D 1px solid;
    margin-bottom:15px;
}
#casestudy_index_list li { /*index下部の各ジャンルタイトル項目*/
    margin-left:10px;
    padding:0 0 3px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_casestudy.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}
#casestudy_index_list span { /*index下部の各ジャンルタイトルリスト*/
    font-size:90%;
    color:#7B714A;
}


/***************************************
ニュース＆トピックス
****************************************/

#news { /*記事日付直下の隙間*/
    margin-bottom:8px;
}

#news span { /*記事日付の色つけ　エントリ一覧・詳細*/
    padding:1px 5px 1px 5px;
    background:#003B8F;
    color:white;
}

#newstop li { /*記事タイトル　トップ表示*/
    margin:5px 0 5px 0;
    font-size:100%;
}
#day { /*記事タイトル　トップ表示　日付*/
    float:left;
    font-size:90%;
    width:110px;
}
#title { /*記事タイトル　トップ表示　タイトル*/
    float:right;
    padding:0 0 0 13px;
    background:url(http://www.suda.co.jp/img/icon_top_news.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
    width:370px;
}

#list_news li { /*袖の各リスト*/
    padding:0 0 10px 12px;
    background:url(http://www.suda.co.jp/img/icon_top_news.gif) no-repeat;
    line-height:1.2;
    font-size:100%;
}
#list_news span { /*袖の各リスト 日付*/
    font-size:90%;
}