/*tmmtmmtmmtmmtmmtmm*/

/*キャッチ*/
#catch {
background-image:url(http://sugopri.com/img/catch-bg.gif);
background-repeat:repeat-x;
background-position:bottom;
width:100%;
margin:0;
padding:0;
text-align:center;
}
#catch-inner {
background-image:url(http://sugopri.com/img/catch-bg-sankaku.gif);
background-repeat:no-repeat;
background-position:left bottom;
width:940px;
/*min-height:31px;*/
font-size:10px;
color:#ffffff;
margin:0 auto;
padding:1px 0 12px 0;
text-align:left;
}
/*ヘッダーメインメニュー*/
#header_main_menu {
margin:10px 0 30px 0;
}
/*フリーコール*/
#freecall {
float:right;
/*margin-top:10px;*/
text-align:right;
}
/*ヘッダ内に表示　サブタイトル*/
#header-sub-title-box {
/*width:430px;*/
/*height:100px;*/
margin-right:10px;
text-align:left;
float:left;
padding:10px 0;
}

#header-sub-title {
font-size:120%;
font-weight:bold;
margin-top:15px;
}

/*左サイド　メニュー*/

#sidemenu-order {
margin-bottom:15px;
}

#sidemenu-guide {
margin-bottom:15px;
}

#sidemenu-technical-guide {
margin-bottom:15px;
}

#sidemenu-order li, 
#sidemenu-guide li,
#sidemenu-technical-guide li,
#sidemenu-about li  {
list-style-type:none;
margin:5px 0;
padding:0;

}

ul{
margin-bottom:15px;

}

li{
list-style-type:none;
margin:5px 0 10px 0;
padding:0;

}

#container-bottom {
clear:both;
height:1px;
}

/*tmmtmmtmmtmmtmmtmm*/







/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	font-size: small;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #E10070;
	text-align:center;
background-image:url(http://sugopri.com/img/pink-bg.gif);
background-repeat:repeat;
background-position:12px 12px;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

a {
text-decoration:none;
color:#F0027F;
border-bottom:1px dotted #F0027F;
vertical-align:baseline;

}

a:hover {
text-decoration:none;
color:#ffffff;
border-bottom:1px solid #F0027F;
background-color:#F0027F;

}

.img-a-border {
text-decoration:none;
color:#ffffff;
border-bottom:1px solid #ffffff;
float:left;
margin:0 20px 15px 0;
}
.img-a-border:hover {
text-decoration:none;
color:#ffffff;
border-bottom:1px solid #ffffff;
background-color:#ffffff;
float:left;
margin:0 20px 15px 0;
}




/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */



/*ページ全体の幅、レイアウトをセンタリング*/
#container {
margin:0px auto;
width:900px;
/*min-height:1000px;*/
padding:0px 20px;
text-align:left;
background-color:#ffffff;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
margin-top:0px;
padding-top:5px;
width:100%;
 clear:left;
}

/*　画面左側メニューの幅　*/
.side {
background-color:#ffffff;
	float: left;
	width:180px;
margin-bottom:30px;
}

/*　画面右側の幅　*/
.main {
background-color:#ffffff;
float: left;
width: 680px;
padding-left:40px;
margin-bottom:30px;
/*margin-left:0px;*/
}

/*　フッター（コピーライト）　*/
#footer-out {
background-color:#000000;
width:100%;
text-align:center;
clear:left;
}

.footer {
 width:900px;
margin:0 auto;
text-align:left;
background-color:#000000;
color:#ffffff;
height:300px;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}