/* CSS Document */

/*-------------------------------------------
奥土居美可オフィシャルサイト
ウェブサイト　基本CSS

製作者：（株）nini system Design 
		担当：西川 徹
製作日：2009.1.5～
-------------------------------------------*/

/*目次-------------------------------------
・リセットCSS
・基本構造
・共通
・メイン
	・新着情報・お知らせ
	・経歴・プロフィール
	・ブログ
	・ライブ情報
	・歌・映像
	・リンク
・ナビゲーション
・フッター
・お問合せフォーム
-------------------------------------------*/


/*・リセットCSS
-------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-size: 100%;
}

* a {
	text-decoration: none;
	color: #990000;	
}

img {
	margin: 0;
	padding: 0;
	border: 0px none;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li {
	margin: 0;
	padding: 0;
}

/*・基本構造
-------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;	
	background-position: center top;
}


#content1 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	background-image: url(../images/bg_mica_color.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-position: left top;
}

#content2 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	background-image: url(../images/bg_mica_gray.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	background-position: left top;
}

#backgraund {
	width: 814px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/bg_dropshadow.png);
	background-repeat: repeat-y;
	background-position: center;
}

/*・共通
-------------------------------*/
/* リンク画像のクリック時に表示される点線の枠を非表示にする（Firefox） */
a:focus{ 
	outline:none;
}

.floatclear {
	clear: both;	
}

/* ドロップシャドウ　画像に影をつける */
.shadow {
    background: url(../images/shadow_001.gif) right bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
    /*float: left;  回り込み制御 */
}

.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: 0px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #FFFFFF; /* paddingを設定した場合の背景色 */
    border: 1px solid #666666; /* 画像の枠線 */
}

.frame {
    /*background: url(../images/shadow_001.gif) right bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
    float: left;  回り込み制御 */
}

.frame img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: 0px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #FFFFFF; /* paddingを設定した場合の背景色 */
    border: 1px solid #666666; /* 画像の枠線 */
}

.btn a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

.textbox_h160 {
	height: 160px;
}

.textbox_w290 {
	width: 290px;
}

.textbox_w360 {
	width: 360px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.img_right {
	float: right;
	margin: 5px;
}

.img_left {
	float: left;
	margin: 5px;
}

.text_xsmall {
	font-size: x-small;
}

.text_small {
	font-size: small;
}

.text_midium {
	font-size: midium;
}

.text_x150 {
	font-size: 150%;
	font-weight: bold;
}

.text_x200 {
	font-size: 200%;
	font-weight: bold;
}

.text_gray {
	font-weight: bold;
	color: #999999;
}

.text_darkgray {
	color: #666666;
}

.text_red {
	font-weight: bold;
	color: #FF0000;
}

.indent {
	padding-left: 1em;
}

.goto_pagetop {
	margin-right: 30px;
	padding-bottom: 20px;
	text-align:right;
}

.goto_pagetop a {
	font-size: x-small;
	font-weight: bold;
	color: #666666;
}

.list01 {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 30px;
}

.list01 li {
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/ico_cube_brown_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: small;
}

.list_non {
	list-style-type: none;
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 20px;
}

.list_non li {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: small;
}

.list_dot {
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 20px;
}

.list_dot li {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: small;
}

.list_number {
	margin-left: 25px;
	list-style-type: decimal;
}

.list_number li {
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: small;
}

.memo {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	color: #333333;
	font-size: small;
	line-height: 1.7;
}

.memo01 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	font-size: small;
}

.notes {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 30px;
}

.notes_plus {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 50px;
}

.notes p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: small;
	line-height: 1.7;
}

.notes_plus p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: small;
	line-height: 1.7;
}

.notes_plus p a {
	color: #996600;
}

.album_space {
	height: 100px;
}

.space_350 {
	padding-left: 350px;
}

.color_gray3 {
	color: #333333;
}

.color_red {
	color: #CC0000;
}

.bgcolor_grayC {
	background-color: #CCCCCC;
}

.lh17 {
	line-height: 1.7;
}
.lh20 {
	line-height: 2.0;
}
.lh24 {
	line-height: 2.4;
}

.height_space70 {
	height: 70px;
}

#loading{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	background-color: red;
	font-size: 150%;
	color: white;
	padding: 2px;
}




/*・メインメニュー
-------------------------------*/
#header {
	height: 250px;
	width: 800px;	
}

#header h1 a {
	margin-right: 20px;
	font-size: x-small;
	text-decoration: none;
	font-weight: normal;
	float: right;
	color: #999999;
}

.subtitle {
	height: 50px;
	margin-bottom: 20px;
}

.subtitle_plus {
	height: 80px;
	margin-bottom: 15px;
}

.gototop {
	margin-top: 40px;
	margin-right: 30px;
	float: right;
}
.gototop a {
	height: 25px;
	width: 70px;
	background-image: url(../images/ico_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
.gototop a:hover {
	background-position: bottom;
}

.gototop2 {
	margin-right: 30px;
	float: right;
}
.gototop2 a {
	height: 25px;
	width: 70px;
	background-image: url(../images/ico_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
.gototop2 a:hover {
	background-position: bottom;
}

#mailregist {
	width: 150px;	
	float: right;
}

#mailregist dt {
}

#mailregist dd {
	font-size: x-small;
	color: #333333;
}

/*-----------------------------▼・新着情報・お知らせ*/
#information {
	width: 400px;
	padding-left: 400px;
	font-size: small;	
}

#information .new {
	background-image: url(../images/ico_newmark.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}

ul.news {
	width: 400px;
	list-style-type: none;
	text-align: left;
	margin-left: 5px;
}

ul.news li {
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;	
	padding-left: 38px;	
	margin-bottom: 10px;
}

ul.news li a {
	color: #FFFFFF;
	text-decoration: none;	
}

ul.news_photo {
	list-style-type: none;
	margin-top: 10px;
}

/*-----------------------------▼・経歴・プロフィール*/
#biography {
	width: 770px;
	padding-left: 30px;
	font-size: small;	
	background-image: url(../images/logo_mica_gray.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

#biography dl.subtitle_float dt {
	width: 230px;
	float: left;
}

#biography dl.subtitle_float dd {
	width: 170px;
	float: right;
}

.left_box {
	width: 400px;
	padding-left: 30px;
	float: left;
}

.left_box p {
	font-size: small;
}

.right_box {
	width: 280px;
	padding-left: 30px;
	padding-right: 10px;
	float: left;
}

#biography .right_box {
	background-image: url(../images/bar_newold.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


.space_line400 {
	width: 400px;
	height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.space_line280 {
	width: 280px;
	height: 30px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

ul.photo_gallery {
	list-style-type: none;	
}

.single_box li {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

.single_box li a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

.print {
	height: 32px;
	padding-top: 18px;
	padding-left: 35px;	
}

.extra h3 {
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;	
}

.extra ul {
	margin-top: 10px;
	list-style-type: none;
}

.extra li {
	line-height: 2.0;
}

.enjal {
	width: 350px;
	/*background-image: url(../images/ico_enjal.jpg);
	background-repeat: no-repeat;
	background-position: right center;*/
}

.pen {
	height: 35px;
	padding-top: 5px;
	padding-left: 46px;	
	background-image: url(../images/ico_pen.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.onpu {
	height: 35px;
	padding-top: 5px;
	padding-left: 46px;	
	background-image: url(../images/ico_onpu.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.goto_writer a {
	height: 25px;
	width: 170px;
	margin-top: 18px;
	background-image: url(../images/ico_writer.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
.goto_writer a:hover {
	background-position: bottom;
}

/*-----------------------------▼・ブログ*/
#blog {
	width: 400px;
	padding-top: 80px;
	padding-left: 400px;
	font-size: small;	
}

.blog_link {
	margin-top: 10px;
	margin-right: 30px;
	float: right;	
}


#topics {
	width: 362px;
	padding-left: 38px;	
}

#topics li {
	list-style-type: none;
	height: 20px;	
	margin-bottom: 10px;		
}

#topics li a {
	color: #FFFFFF;
	
}

.title_logo {
	margin-right: 20px;
	text-align: right;	
}

/*-----------------------------▼・ライブ情報*/
#schedule {
	width: 770px;
	padding-left: 30px;
	font-size: small;
	background-image: url(../images/logo_mica_gray.gif);
	background-repeat: no-repeat;
	background-position: right;
}

ul.live_photo {
	list-style-type: none;
	margin-top: 10px;
}

ul.live_photo li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#liveinfo {
	width: 362px;
	padding-left: 38px;	
}

#liveinfo a {
	color: #FFFFFF;	
}

#liveinfo a:hover {
	cursor: pointer;
	position: relative;
	left: 1px;
	top: 1px;
}

#liveinfo p {
	height: 20px;
	margin-bottom: 10px;
}

.yoyaku {
	height: 33px;
	width: 106px;
	margin-left: 250px;
}

.event_end {
	height: 33px;
	width: 156px;
	margin-left: 220px;
}

/*-----------------------------▼・歌・映像*/
#discography01 {
	width: 450px;
	padding-left: 350px;
	font-size: small;	
}

#discography01 dl.subtitle_float dt {
	width: 230px;
	float: left;
}

#discography01 dl.subtitle_float dd {
	width: 170px;
	float: right;
}

#discography02 {
	width: 450px;
	padding-left: 30px;
	font-size: small;	
	float: left;
}

#discography03 {
	width: 290px;
	margin-top: 130px;
	padding-left: 30px;
	font-size: small;
	float: left;		
}

#discography04 {
	width: 450px;
	padding-left: 30px;
	font-size: small;			
}

#discography04 dl.subtitle_float dt {
	width: 200px;
	float: left;
}

#discography04 dl.subtitle_float dd {
	width: 170px;
	float: left;
}

dl.album {
	padding-left: 30px;	
}
.album dt {
	width: 170px;
	float: left;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;		
}
.album dd {
	float: left;
	width: 250px;
}

p.album_title {
	padding-top: 8px;
	padding-left: 25px;
	padding-bottom: 10px;
	font-size: medium;
	font-weight: bold;
	color: #999999;
	background-image: url(../images/ico_circle_red.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

p.album_memo {
	font-size: x-small;
	line-height: 2;
	font-weight: normal;
	color: #666666;
	margin-top: 10px;
}

p.music_memo {
	font-size: x-small;
	line-height: 2;
	font-weight: normal;
	color: #666666;
}

p.link_memo a {
	font-size: x-small;
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}

p.link_memo a:hover {
	color: #CCCCCC;
}

.caution_memo {
	height: 23px;
	margin-left: 30px;
	margin-bottom: 10px;	
	padding-top: 1px;
	font-size: x-small;
	font-weight: normal;
	color: #666666;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 8px;
}

/*
.caution_memo a {
	color: #660000;	
}
*/

.music_notes {
	font-size: x-small;
	color: #666666;
	line-height: 1.5;
}

.goto_otheralbum a {
	height: 25px;
	width: 130px;
	background-image: url(../images/ico_otheralbum.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
}
.goto_otheralbum a:hover {
	background-position: bottom;
}


/*-----------------------------▼・リンク*/
#link {
	width: 770px;
	padding-left: 30px;
	font-size: small;	
}

ul.link_url {
	list-style-type: none;
}

ul.link_url li {
	height: 55px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.link_url li a {
	color: #FFFFFF;	
}

dl.link_url {
		
}

dl.link_url dt {
	height: 26px;
	margin-bottom: 5px;
	padding-top: 14px;
	width: 280px;
	float: left;	
}

dl.link_url dt a {
	color: #FFFFFF;	
}

dl.link_url dd {
	height: 40px;
	margin-bottom: 5px;	
	margin-left: 5px;
	float: left;	
}

.linkbox_hd {
	height: 25px;
	width: 230px;
	background-image: url(../images/linkbox_hd.gif);
	background-repeat: no-repeat;
}

.linkbox_bd {
	width: 210px;
	padding-left: 20px;
	background-image: url(../images/linkbox_bd.gif);
	background-repeat: repeat-y;
}

.linkbox_ft {
	height: 20px;
	width: 230px;
	background-image: url(../images/linkbox_ft.gif);
	background-repeat: no-repeat;
}

/*・ナビゲーション
-------------------------------*/
.nav {
	width: 800px;
	background-image: url(../images/bg_menu_base.png);
	background-repeat: repeat-x;
}

.sub_nav {
	width: 800px;
	background-image: url(../images/bg_menu_base.png);
	background-repeat: repeat-x;
	margin-top: 100px;
	margin-bottom: 20px;
}

ul.main_menu {
	height: 40px;
	margin-left: 20px;
}

.main_menu li {
	float: left;
	list-style-type: none;
}

.main_menu li a:hover {
	height /**/: 40px;
	background-image /**/: url(../images/pointer_menu.png);
	background-repeat /**/: no-repeat;
	background-position /**/: center;
	display /**/: block;
}


/*・フッター
-------------------------------*/
#footer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #333333;
}

#footer ul {
	margin-left: 95px;
	list-style-type: none;
}

#footer li {
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: x-small;
	color: #666666;
}

#footer li a {
	color: #999999;
	font-size: x-small;	
}

/*
address {
	margin-top: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: x-small;
	text-align: center;
	font-style: normal;
	color: #666666;
}
*/

#designed_by {
	margin-right: 20px;
	font-size: x-small;
	text-align: right;
	color: #666666;
}
#designed_by a {
	color: #666666;
	text-decoration: none;
}


/*・お問合せフォーム
-------------------------------*/
address {
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: x-small;
	text-align: center;
	font-style: normal;
	color: #999999;
}

#poricy {
	margin-left: 20px;
	margin-right: 20px;
	line-height: 1.7;
	font-size: small;
}

#poricy li {
	margin-bottom: 10px;
}