@charset "Shift_JIS";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
}

a,a:link {text-decoration: underline; overflow: hidden;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;color: #CCCCCC;}
a:active {text-decoration: underline;}

h1 {
	float: left;
	margin: 0px;
	padding: 10px 0px 8px 20px;
	width: 670px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size:10px;
	color:#666666;
	font-weight: normal;
	text-align: left;
}

h2 {
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size:10px;
	color:#ffffff;
	font-weight: normal;
	margin: 0px;
	padding: 2px 0px 0px 5px;	
}

ul,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------
　　ページベース
------------------------------------------------------------ */

#container {
	width: 800px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#top {
	width: 800px;
	margin: 0 auto;
	padding: 0px 20px 0px 5px;
	text-align:left;
}


/* ------------------------------------------------------------
     ヘッダー
------------------------------------------------------------ */

#header {
        clear:both;
	width: 800px;
	height: 60px;
	margin: 0px;
	padding: 0px;
}

#header-logo {
        float:left;
	width: 250px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

#header-right {
        float:right;
	width: 460px;
	height: 50px;
	margin: 10px 5px 0px 0px;
	padding: 0px;
}

#header-tel {
        float:left;
	width: 295px;
	height: 50px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#header-toiawase {
        float:left;
	width: 155px;
	height: 48px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

#header-toiawase a{
	display:block;
	width:155px;
	height:48px;
	background-image:url(bottan/toiawase-roll.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#header-toiawase a:hover{
	background-position: bottom left;
	text-decoration:none;
}


#header-bar {
        clear:both;
        float:left;
	width: 800px;
	height: 15px;
	margin: 5px 0px 1px 0px;
	background-color:#993300;
	text-align: left;
}

/* ------------------------------------------------------------
     ヘッダーmenu
------------------------------------------------------------ */

#header-menu {
        clear:both;
	float:left;
	width: 615px;
	height: 22px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 185px;
	background-color:#666666;
}

#header-menu ul{
        float:left;
	width: 600px;
	height: 22px;
	list-style:none;
}

#header-menu li{
        float:left;
	margin: 3px 20px 0px 0px;	
}

#header-menu a{
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 14px;
	color: #ffffff;	
	text-decoration: none;	
}

#header-menu a:hover{
	color: #ffcc00;
}

/* ------------------------------------------------------------
　　メイン-ヘッド
------------------------------------------------------------ */

#main {
        clear:both;
	float:left;
	width: 580px;
	margin: 0px;
	padding: 0px;
}

#main-head {
	float:left;
	width: 580px;
	height:245px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}

#main-head2 {
        clear:both;
	float:left;
	width: 550px;
	height:106px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}

#main-head2 ul{
        clear:both;
	float:left;
	width: 550px;
	height:106px;
	padding: 0px;
	list-style:none;
}

#main-head2photo {
	float:left;
	width: 110px;
	height:106px;
	margin-right: 1px;
}

#main-head2text {
	float:left;
	width: 105px;
	height:106px;
}

/* ------------------------------------------------------------
　　メイン-こだわり
------------------------------------------------------------ */


#kodawari-banner {
        clear:both;
	float:left;
	width: 550px;
	height:71px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}

#kodawari-banner a{
	display:block;
	width:550px;
	height:71px;
	background-image:url(top-img/kodawari-banner.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#kodawari-banner a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#kodawari-text {
        clear:both;
	float:left;
	width: 550px;
	height:10px;
	margin-top: 2px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/* ------------------------------------------------------------
　　メイン-メニュー
------------------------------------------------------------ */
#main-menu {
        clear:both;
	float:left;
	width: 570px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
}

#m-menu-box1 {
	float:left;
	width: 260px;
	height:137px;
	padding: 0px;
	margin: 0px 30px 10px 0px;
}

#m-menu-box2 {
	float:left;
	width: 260px;
	height:137px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#m-menu-box3 {
        clear:both;
	float:left;
	width: 260px;
	height:137px;
	padding: 0px;
	margin: 0px 30px 10px 0px;
}

.m-menu-table {
        border-collapse: collapse;
}

.m-menu-top {
        width: 260px;
	height:7px;
	background-image:url(top-img/m-menu-line.gif);
        background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.m-menu-left {
        width: 80px;
	height:130px;
	padding: 0px;
	margin: 0px;
}

.m-menu-right1 {
        width: 180px;
	height:20px;
	padding: 0px 5px 5px 0px;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}

.m-menu-right1 a{
	color: #000099;
	padding: 0px 0px 0px 0px;
	text-decoration: none;		
}

.m-menu-right1 a:hover{
	color: #999999;
}

.m-menu-right2 {
        width: 180px;
	height:110px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;
}

/* ------------------------------------------------------------
　　お客様のイメージを大切に考えた刺繍製作を行っております
------------------------------------------------------------ */

#s-sub {
        clear:both;
	float:left;
	width: 550px;
	height:105px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;	
}

#s-sub ul{
        clear:both;
	float:left;
	width: 550px;
	height:105px;
	padding: 0px;
	list-style:none;
}

#shishu-photo {
	float:left;
	width: 105px;
	height:105px;
	margin-right: 3px;
}

/* ------------------------------------------------------------
　　もっと便利に
------------------------------------------------------------ */

#motto {
        clear:both;
	float:left;
	width: 570px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align:left;
}

#motto1 {
        clear:both;
        float:left;
        width: 400px;
	height:25px;
	margin: 5px 0px 8px 0px;	
}

#motto2 {
        clear:both;
        float:left;
        width: 570px;
        margin: 5px 0px 5px 0px;	
}

#motto-img{
        clear:both;
	float:left;
        width: 180px;
        font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 12px;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

#motto-text{
        width: 380px;
        float:left;
        font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 12px;
	color: #000000;
	padding: 2px 0px 1px 5px;
}

/* ------------------------------------------------------------
　　右サイドメニュー
------------------------------------------------------------ */
#go-top {
        clear:both;
	float:left;
	width: 550px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 0px;
	text-align:right;
}

#go-top a{
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	
}

#go-top a:hover{
	color: #000066;
}

/* ------------------------------------------------------------
　　右サイドメニュー
------------------------------------------------------------ */
#side-menu{
        float:right;
	width: 205px;
	margin: 0px;
	padding: 0px;
}


#shishuu-menu{
        float:right;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#shishuu-menu ul{
        float:right;
	width: 200px;
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/* ------------------------------------------------------------
　　刺繍サイドメニュー
------------------------------------------------------------ */

#s-menu-top{
        width: 200px;
        height: 50px;
	border-bottom: 1px dashed #999999;
	margin: 0px;
	padding: 0px;
}

#s-menu-bottom{
        width: 200px;
	margin: 0px;
	padding: 0px;
}

#s-menu1{
	width:199px;
	height:30px;
	border-bottom: 1px dashed #999999;
        border-left : 1px solid #999999;
        border-right : 1px solid #999999;
	margin: 0px;
	padding: 0px;
}

#s-menu2{
	width:199px;
	height:30px;
	border-bottom: 1px dashed #999999;
        border-left : 1px solid #999999;
        border-right : 1px solid #999999;
	margin: 0px;
	padding: 0px;
}

#s-menu3{
	width:199px;
	height:30px;
	border-bottom: 1px dashed #999999;
        border-left : 1px solid #999999;
        border-right : 1px solid #999999;
	margin: 0px;
	padding: 0px;
}

#s-menu4{
	width:199px;
	height:24px;
        border-left : 1px solid #999999;
        border-right : 1px solid #999999;
	margin: 0px;
	padding: 0px;
}

#k-menu {
        width: 200px;
        height: 50px;
}

#s-menu1 a{
	display:block;
	width:198px;
	height:30px;
	background-image:url(bottan/sb-shihuu1.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#s-menu2 a{
	display:block;
	width:198px;
	height:30px;
	background-image:url(bottan/sb-shihuu2.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#s-menu3 a{
	display:block;
	width:198px;
	height:30px;
	background-image:url(bottan/sb-shihuu3.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#s-menu4 a{
	display:block;
	width:198px;
	height:24px;
	background-image:url(bottan/sb-shihuu4.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#k-menu a{
	display:block;
	width:200px;
	height:50px;
	background-image:url(bottan/k-menu.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#s-menu1 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#s-menu2 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#s-menu3 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#s-menu4 a:hover{
	background-position: bottom left;
	text-decoration:none;
}


#k-menu a:hover{
	background-position: bottom left;
	text-decoration:none;
}

/* ------------------------------------------------------------
　　注文案内サイドメニュー
------------------------------------------------------------ */

#chumon-menu{
        clear:both;
	float:right;
	width: 200px;
	margin: 20px 0px 15px 0px;
	padding: 0px;
}

#chumon-menu ul{
        float:right;
	width: 200px;
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#c-menu1{
	width: 200px;
	height: 40px;
	border-bottom: 1px dashed #999999;
}

#c-menu2{
	width:200px;
	height:40px;
	border-bottom: 1px dashed #999999;
}

#c-menu3{
	width:200px;
	height:40px;
	border-bottom: 1px dashed #999999;
}

#c-menu4{
	width:200px;
	height:40px;
	border-bottom: 1px dashed #999999;
}

#c-menu1 a{
	display:block;
	width:200px;
	height:40px;
	background-image:url(bottan/toiawase-b.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#c-menu2 a{
	display:block;
	width:200px;
	height:40px;
	background-image:url(bottan/mitumori-b.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#c-menu3 a{
	display:block;
	width:200px;
	height:40px;
	background-image:url(bottan/chumon-b.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#c-menu4 a{
	display:block;
	width:200px;
	height:40px;
	background-image:url(bottan/tuushin-b.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#c-menu1 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#c-menu2 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#c-menu3 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#c-menu4 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

/* ------------------------------------------------------------
　　会社案内サイドメニュー
------------------------------------------------------------ */

#kaisha-menu{
        clear:both;
	float:right;
	width: 200px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

#kaisha-menu ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
}

#kai-menu-top{
        height: 25px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	
}

#kai-menu1{
	height: 18px;
	padding: 3px 0px 3px 65px;
	background-image:url(sankaku2.gif);
	background-repeat:no-repeat;
	background-position: 40px 5px;
	text-align: left; 	
}

#kai-menu1 a{
	font-family: "ＭＳ Ｐゴシック",Osaka;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	
}

#kai-menu1 a:hover{
	color: #999999;
}

/* ------------------------------------------------------------
　　刺繍サブコンテンツサイドメニュー
------------------------------------------------------------ */
#sub-contentsmenu{
        clear:both;
	float:right;
	width: 200px;
	margin: 10px 0px 15px 0px;
	padding: 0px;
}

#sub-cont-top{
        clear:both;
	float:left;
	width: 200px;
}

#sub-contents1{
        clear:both;
	float:left;
	width: 200px;
	height: 30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents2{
        clear:both;
	float:left;
	width:200px;
	height:30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents3{
        clear:both;
	float:left;
	width:200px;
	height:30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents4{
        clear:both;
	float:left;
	width:200px;
	height:30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents5{
        clear:both;
	float:left;
	width:200px;
	height:30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents6{
        clear:both;
	float:left;
	width:200px;
	height:30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents7{
        clear:both;
	float:left;
	width:200px;
	height:30px;
	border-bottom: 1px dashed #999999;
}

#sub-contents1 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content1.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#sub-contents2 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content2.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#sub-contents3 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content3.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#sub-contents4 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content4.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#sub-contents5 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content5.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#sub-contents6 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content6.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

#sub-contents7 a{
	display:block;
	width:200px;
	height:30px;
	background-image:url(bottan/sub-content7.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}


#sub-contents1 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#sub-contents2 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#sub-contents3 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#sub-contents4 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#sub-contents5 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#sub-contents6 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

#sub-contents7 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

/* ------------------------------------------------------------
　　フッター＆コピーライト
------------------------------------------------------------ */

#footer{
        clear:both;
	float:left;
        width:800px;
	height:15px;
	margin: 15px 0px 0px 0px;
        padding-right: 10px;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	color: #ffffff;
	background-color:#993300;
	text-align: right; 
}

/* ------------------------------------------------------------
　　フッターお問い合せ
------------------------------------------------------------ */
#foot-toiawase{
        clear:both;
	float:left;
	width: 550px;
	margin: 15px 20px 10px 0px;
	padding: 0px; 
}

.f-toiawase-table {
        width:500px;
        border-collapse: collapse;
}

.f-toiawase01 {
        width: 323px;
	height:130px;
	padding: 0px;
	margin: 0px;
}

.f-toiawase02 {
        width: 177px;
	height:60px;
	padding: 0px;
	margin: 0px;
}

.f-toiawase03 {
        width: 171px;
	height:45px;
	padding: 0px;
	margin: 0px;
}

.f-toiawase03 a{
	display:block;
	width:171px;
	height:45px;
	background-image:url(top-img/images/footer-otoiawase_03.gif);
	background-repeat:no-repeat;
	background-position: top left;
	text-decoration: none;
	text-indent:-9999px;
}

.f-toiawase03 a:hover{
	background-position: bottom left;
	text-decoration:none;
}

.f-toiawase04 {
        width: 6px;
	height:45px;
	padding: 0px;
	margin: 0px;
}

.f-toiawase05 {
        width: 177px;
	height:25px;
	padding: 0px;
	margin: 0px;
}

.f-toiawase06 {
        width: 500px;
	height:15px;
	padding: 0px;
	margin: 0px;
}

/* ------------------------------------------------------------
　　メイン800pxテンプレート
------------------------------------------------------------ */
#main800 {
        clear:both;
	float:left;
	width: 800px;
	margin: 0px;
	padding: 0px;
}

#main-title800 {
        clear:both;
	float:left;
	width: 320px;
	height:30px;
	margin: 5px 0px 15px 0px;
        padding: 0px;
}

#m-title-navi800 {
	float:left;
	width: 470px;
	height:30px;
	margin: 5px 0px 15px 0px;
        padding: 0px 10px 0px 0px;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	color: #000000;
	font-weight: normal;
	text-align: right;
	background: url(top-img/m-title-bg.gif) repeat-x;
}

/* ------------------------------------------------------------
　　フォント　色・大きさ
------------------------------------------------------------ */
.red-font {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	color: #ff0000;
	font-weight: normal;	
}

.sankaku-mark {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	color: #66ffff;
	font-weight: normal;	
}