@charset "SHIFT_JIS";

/* 蓄音機修理ドットコム */
/* -----------------------------------------------------------
		基本設定
----------------------------------------------------------- */

body {
	-webkit-text-size-adjust: 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3"," Osaka","ＭＳ Ｐゴシック";
	color : #222222;
	font-size : 12px;
	line-height : 22px;
	letter-spacing : 1px;
	background : #eeeeee url("../images/common/body_bg.jpg");
	background-repeat: repeat-x;
	background-attachment : fixed;
	text-align : center;
	}


a:link {
	color : #1d3994;
	text-decoration: none;
	}

a:visited {
	color : #1d3994;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color : #ff3300;
	}

a,object {
	overflow: hidden;
	outline: none;
	}

/*----text---------------------*/

p {
	margin: 10px 0px 0px 0px;
	border : 0px;
	padding: 0px;
	}

p img {
	float : right;
	margin : 0px 0px 10px 15px;
	text-align : right;
	}

.rimg img {
	float : left;
	margin : 0 10px 10px 0px;
	padding : 0px;
	text-align : left;
	}

.small {
	clear: both;
	margin :11px 0 0 0;
	padding: 0;
	font-size : 11px;
	line-height:14px;
	color : #555555;
	}

/*---- 1文字下げ ----*/

.indent_1 {
	text-indent:1em;
	}

/*---- 左マージン ----*/

.indent_2 {
	margin-left :1em;
	}

/*---- 文字下げ＆マージン ----*/

.indent_3 {
	margin-left :1em;
	text-indent:1em;
	}


/*---- 画像 ----------------------*/

img {
	border: none;
	vertical-align: top;
	marging: 0;
	padding: 0;
	}

/*---- フォーム ------------------*/

form {
	margin : 0px;
	padding: 0px;
	border : 0px;
	}

input ,select {
	vertical-align: top;
	font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	}

/*--- ハイライト ----------------*/

.highlight a:hover *{
	filter: alpha(opacity=70);
	-moz-opacity:0.75;
	opacity:0.75;
	}

/*--- clearfix -------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}

/* End hide from IE-mac */


/* -----------------------------------------------------------
		基本レイアウト
----------------------------------------------------------- */

/*----contents--------------------*/

#contents {
	background : #FFFFFF url(../images/common/contents_bg.gif) repeat-y;
	width : 990px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;
	margin-right : auto;
	padding: 0px;
	border : 0px;
	text-align : left;
	}

/*---- メイン右仕様 ----*/

#both-content {
	width : 940px;
	margin  : 0px;
	padding: 0px 40px 0px 10px;
	border : 0;
	} 

/*---- メイン＆サイド ------------*/
/*---- メイン右仕様 ----*/

#main {
	width : 710px;
	float : right;
	margin : 0px;
	padding : 0px;
	border : 0px;
	text-align : left;
	font-size : 14px;
	}

/*---- メイン右仕様 ----*/
#side {
	width : 200px;
	margin : 0px;
	padding : 0px;
	border : 0px;
	float : left;
	text-align: left;
	line-height : 20px;
	}

.side-inner {
	padding : 0 10px;
	}


/* -----------------------------------------------------------
		ヘッダー周辺
----------------------------------------------------------- */

/*----HEADER--------------------*/

#header {
	width : 970px;
	height : 80px;
	margin : 0px 0px 0px 10px;
	padding : 0;
	background : #ffffff url(../images/common/header.gif) no-repeat;
	position:relative;
	}

#header h1 {
	margin : 0;
	padding : 0px 10px 0px 0px;
	text-align : right;
	display:  block;
	color : #666666;
	line-height: 22px;
	font-size : 11px;
	font-weight : 100;
	font-style : normal;
	}

#header img {
	width: 290px;
	height: 31px;
	display:  block;
	position: absolute;
	top: 39px;  
	left: 14px;
	}


/*---- パンクズ -------------------*/

#topicpath {
	width : 710px;
	margin: 5px 0 0 0;
	overflow: hidden;
	font-size : 12px;
	}

#topicpath ol li {
	clear: both;
	margin : 0;
	padding: 0;
	border : 0;
	}

#topicpath li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
	}


#topicpath ol li a {
	/* aの背景画像に記号の画像を指定 */
	background-image: url(../images/common/crumb.gif);

	/* 右寄せ＆リピート無し */
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 10px;
	}

/*---- トップイメージ --------------*/

#top-image {
	width : 710px;
	height : 380px;
	margin : 20px 0 0 0;
	padding: 0;
	border: 1px #cccccc solid;
	}

/* -----------------------------------------------------------
		　　　　ナビゲーション
----------------------------------------------------------- */

/*----GlobalNavi----------------------*/

#globalnavi{
	margin: 0 0 0 10px;
	padding: 0;
	width: 970px;
	background-color: #ffffff;
	}  

#globalnavi ul{  
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
 
#globalnavi li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}


/*-- 隙間詰め --*/

#globalnavi ul {
	letter-spacing: -0.4em;
	}

#globalnavi li {
	display: table-cell;
	/* for IE 6/7 */
	*display: inline;
	*zoom: 1;
	}

/*----SideNavi---------------------*/

#sidenavi {
	width : 200px;
	margin : 20px 0px 0px 0px;
	padding: 0;
	border : 0;
	}

#sidenavi ul {
	margin : 0px;
	padding: 0px;
	border : 0px;
	list-style:none;
	}

#sidenavi .top {
	height : auto;
	margin : 0;
	padding: 0px;
	border : 0px;
	text-decoration: none;
	display:block; 
	}

#sidenavi li {
	height : auto;
	margin : 15px 0 0 0;
	padding: 0px;
	border : 0px;
	text-decoration: none;
	display:block; 
	}
/* -----------------------------------------------------------
		　　　　メインコンテンツ
----------------------------------------------------------- */

/*---- レイアウトボックスインナー--*/

.rounded-box-inner710 {
	width : 710px;
	margin : 15px 0px 0px 0px;
	border  :0;
	}


.rounded-box-inner350 {
	width : 350px;
	margin : 15px 0px 0px 0px;
	border  :0;
	}

/* ------レイアウトボックス----------- */


div.rounded-box {
	clear: both;
	border: 1px #cccccc solid;  /* 枠線の装飾 */
	background-color: #ffffff;  /* 背景色 */
	padding : 0px 15px 10px 15px;
	text-align:left;

	-moz-border-radius: 5px;    /* 旧Firefox */
	-webkit-border-radius: 5px; /* 旧Safari,Chrome */
	border-radius: 5px;         /* CSS3 */

  	position: relative;
	behavior: url(http://www.chikuonki.com/css/PIE.htc);
	}

/*---- 枠内ボックス ----*/

div.rounded-box2 {
	clear: both;
	border: 1px #cccccc solid;  /* 枠線の装飾 */
	background-color: #FFFFCC;  /* 背景色 */
	padding : 0px 15px 10px 15px;
	text-align:left;

	-moz-border-radius: 5px;    /* 旧Firefox */
	-webkit-border-radius: 5px; /* 旧Safari,Chrome */
	border-radius: 5px;         /* CSS3 */

  	position: relative;
	behavior: url(http://www.chikuonki.com/css/PIE.htc);
	}

div.rounded-box2-outer {
	margin : 10px 0px 5px 0px;
	}

.box-inner-left {
	width : 561px;
	margin : 10px 0 0 0;
	border  :0;
	}


/*---- 段組 -----------------------*/
/*---- 2Column ----*/

.col2_0 {
	display: block;
	float : left;
	margin : 0px 0px 0px 0px;
	}

.col2_1 {
	display: block;
	float : left;
	margin : 0px 0px 0px 10px;
	}

/*---- 3Column ----*/

.col3_0 {
	display: block;
	float : left;
	margin : 0px 0px 10px 0px;
	}

.col3_1 {
	display: block;
	float : left;
	margin : 0px 0px 10px 16px;
	}

/*---- 4Column ----*/

.col4_0 {
        display: inline;
	float : left;
	margin : 0px 0px 0px 0px;
	}

.col4_1 {
        display: inline;
	float : left;
	margin : 0px 0px 0px 10px;
	}

/*---- インナー ---*/

.col-inner2 {
	width : 350px;
	}

.col-inner3 {
	width : 226px;
	}

.col-inner4 {
	width : 170px;
	}

/*---- インナー678枠 ---*/

.col-inner2a {
	width : 334px;
	}

.col-inner3a {
	width : 220px;
	}

.col-inner3b {
	width : 219px;
	}

.col-inner4a {
	width : 162px;
	}


/*---- インナーimg ---*/

.col-inner2 img {
	margin : 10px 0 0 0;
	}

.col-inner3 img {
	margin : 10px 0 0 0;
	}

.col-inner4 img {
	margin : 10px 0 0 0;
	}


.col-inner2a img {
	margin : 10px 0 0 0;
	}

.col-inner3a img {
	margin : 10px 0 0 0;
	}

.col-inner3b img {
	margin : 10px 0 0 0;
	}

.col-inner4a img {
	margin : 10px 0 0 0;
	}


/*---- インナーtxat ---*/

.col-inner-img1 {
	width : 506px;
	}

/*---- リスト ---------------------*/

ul,ol {
	margin : 10px 0 0 0;
	border : 0px;
	padding: 0px;
	}

li {
	margin : 10px 0 0 4.5em;
	border : 0px;
	padding: 0px;
	list-style-type : decimal;
	}

.li_2 {
	margin : 5px 0 0 2em;
	list-style-type : square;
	}

/* ------- 最近の修理日時 ------- */
.blog {
	margin : 5px 0 0 2em;
	list-style-type : decimal;
	font-size : 12px;
	}


/* -----------------------------------------------------------
		　　　　サイドコンテンツ
----------------------------------------------------------- */

/*---- レイアウトボックスインナー--*/

.rounded-box-inner-side {
	width : 180px;
	margin : 10px 0px 0px 0px;
	border  :0;
	}

/* ------レイアウトボックス----------- */

div.rounded-box-side {
	border: 1px #cccccc solid;  /* 枠線の装飾 */
	background-color: #ffffff;  /* 背景色 */
	padding : 0px 10px 10px 10px;
	text-align:left;

	-moz-border-radius: 5px;    /* 旧Firefox */
	-webkit-border-radius: 5px; /* 旧Safari,Chrome */
	border-radius: 5px;         /* CSS3 */

  	position: relative;
	behavior: url(http://www.chikuonki.com/css/PIE.htc);
	}


/*---- SIDEタイトル画像box -------*/

.side-title {
	width : 200px;
	height : 25px;
	margin : 10px auto 0 auto;
	text-align : center;
	line-height:25px;
	background : #ffffff url(../images/side/side-title.gif) no-repeat;
	}

.side-title p {
	clear: both;
	margin : 0;
	padding : 0;
	color: #444444;
	}

/*--- サイドリンクバナー ---------*/

.s_ban_top {
	margin : 15px 0px 0px 0px;
	padding: 0px;
	border : 0px;
	}

.s_ban {
	margin : 5px 0px 0px 0px;
	padding: 0px;
	border : 0px;
	}


/*---- QRコード ------------------*/

#qr {
	width : 200px;
	height : 200px;
	margin : 12px 0px 0px 0px;
	padding: 0px;
	border : 0px;
	}

/*---- カウンター ----------------*/

#counter {
	width : 49px;
	height : 10px;
	margin : 2px 0px 0px 0px;
	}


/* -----------------------------------------------------------
	#main-footer-contents
		メインフッターコンテンツ
----------------------------------------------------------- */

#main-footer {
	clear: both;
	margin: 25px 0 5px 0;
	padding: 20px 0 0 0;
	font-size : 12px;
	letter-spacing : 0px;
	background: #ffffff url(../images/common/line710_dot.gif) no-repeat;
	}

.mf-nav {
	clear: both;
	overflow: hidden;
	}

#main-footer-contents {
	width : 710px;
	margin : 0;
	padding: 0;
	text-align : left;
	line-height : 170%;
	}

#main-footer-contents ul {
	text-align: center;
	padding: 0;
	margin : 0;
	}

/*---- main-footer-contents-nav ----*/

#main-footer-contents ul .top {
	display: inline;
	border-left: solid 1px #666666;
	padding: 0 7px 0 8px;
	margin : 0;
	}

#main-footer-contents ul li {
	display: inline;
	border-right: solid 1px #666666;
	padding: 0 7px 0 8px;
	margin : 0;
	}

/*---- 署名 -------------*/

#main-syomei {
	padding: 15px 0px 10px 20px;
	text-align : left;
	font-size : 12px;
	line-height : 15px;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3"," Osaka","ＭＳ Ｐゴシック";
	}

address {
	margin : 0px;
	padding : 0px 0px 5px 0px;
	line-height : 160%;
	text-align : left;
	font-style:normal;
	font-size : 10pt;
	font-weight: 600;
	}


/* -----------------------------------------------------------
		フッターコンテンツ
----------------------------------------------------------- */

/*---- コピーライト -----*/

#footer_browser {
	background : #FFFFFF;
	width : 930px;
	height : 50px;
	margin : 5px 0px 0px 10px;
	padding: 0px;
	text-align : center;
	}

