@charset "utf-8";

/* -----------------------------------------------
CSS file For YouMedia
File names main.css （l-001-L.cssの改変）

★特記事項があったらここに記入★
----------------------------------------------- */

/*===============================================
　　　　　　　　　　初期設定
===============================================*/

body , p , div , form , ul , ol , h1 , h2 , h3 , a , address , table {
margin:0;
padding:0;
}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
background:#efefef url(../images/bg_pinkgray.gif) repeat-x scroll;
font-size:small;
line-height:1.4em;
color:#331215;
text-align:center;
}

hr{
display:none;
}

img{
border:0;
}

.clearfix:after {
	content: url(../images/dummy.gif);
	display: block;
	clear: both;
	height: 0;
}

/*-----------------------------
　　　　フォント指定
-----------------------------*/
.red{
color:#e62f8b;
}

strong {
color:#e62f8b;
font-weight:bold;
}

/*-----------------------------
　　　　全体のlink設定

個別のリンク設定はそれぞれの場所へ。
-----------------------------*/

/*l→v→h→a*/
a:link , a:visited , a:active {
color:#0066ff;
}

a:hover {
color:#CC0033;
}


/*===============================================
　　　　　　　　　　container
===============================================*/

#container {
width:100%;
margin:0 auto;
text-align:left;
}


/*===============================================
　　　　　　　　　　header
===============================================*/

#header {
padding:0;
height:95px;
}


#header h1 {
font-size:x-small;
text-align:left;
padding:5px 0 0 20px;
}

#header h1 a {
}

#header ul#navi {
width:750px;
padding:10px 0 0 17px;
line-height:normal;
}

#header ul#navi li {
float:left;
padding:0;
margin:0 0 0 3px;
list-style-type:none;
text-align:center;
display:block;
width:150px;
height:25px;
line-height:25px;
color:#FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration:none;
background:url(../images/bg_menu_on.gif);
}

#header ul#navi li a:link , #header ul#navi li a:visited , #header ul#navi li a:active {
display:block;
width:150px;
height:25px;
line-height:25px;
color:#FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration:none;
background: url(../images/bg_menu_off.gif);
}

#header ul#navi li a:hover {
background:url(../images/bg_menu_on.gif);
color:#FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration:none;
}

#header #leadlink {
	line-height:normal;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
	visibility: hidden;
}

#header #leadlink img {
float:right;
padding:0;
margin:0 0 0 5px;
}

/*===============================================
　　　　　　　　　　contents
===============================================*/

#contents {
clear:both;
background:;
padding:0;
margin:0 0 0 0;
overflow:hidden;
}

/*===============================================
　　　　　　　メイングラフィック部分
===============================================*/
/*いらないときはコメントアウトかまるっと削除*/

#mainimg {
margin-bottom:10px;
height:150px;
text-align:center;
background:url(../images/bg-stripe-yellow.gif) ;
}
/*下はIE5.5～6対策。
上のmarginを変更したら下も変更してね
* html #mainimg {
margin-bottom:5px;
}*/

#mainimg img {
display:none;
}

/*===============================================
　　　　　　　　　　side
===============================================*/

#side {
background:#ffffff;
/* #contents＆#mainのpadding値及び大きさに注意*/
width:200px;
float:right;
margin: 0 10px 10px 0;
padding:0;
text-align:left;
display:inline;
}

/*-----------------------------
　　　メニュー部分見出し
-----------------------------*/

#side h2 {
background:#FF9999;
height:180px;
margin:10px;
}
/*下はIE5.5～6対策。
上のmarginを変更したら下も変更してね*/
* html #side h2 {
margin-bottom:5px;
}

/*-----------------------------
　　　　メニュー一覧
-----------------------------*/

/*★ボタン風にする場合*/
#side ul {
width:180px;
margin:0 auto 10px auto;
}

#side ul li {
display:block;
background:#FFCCCC;
margin:5px 0 0 0;
list-style:none;
text-align:center;
}

#side ul li a {
display:block;
width:170px;
padding:5px;
text-decoration:none;
}

#side ul li a:hover {
display:block;
background:url(../images/bg-grade-pink.gif) repeat-x #EF007C    ;
width:170px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

/*★プレーンな状態のリスト*/
/*
#side ul {
width:180px;
margin:0 auto 10px auto;
}

#side ul li {
background:#FFFFCC;
	margin: 0 0 0 3px;
	list-style: none;
}
*/

/*===============================================
　　　　　　　　　　main
===============================================*/

#main {
/*background:#ffffff;*/
margin:0 20px 10px 20px;
padding:20px 25px;
}

/*-----------------------------
　　　　パンくずリスト
-----------------------------*/

#main #topicPath {   
    margin:5px 0;   
}

#main #topicPath ol {  
}

#main #topicPath li {   
    display:inline;   
    line-height:110%;   
    list-style-type:none;   
}

#main #topicPath li a {   
    padding-right:10px;   
    background:url(../images/topicpath.gif) no-repeat right center;   
} 

/*-----------------------------
　　　サブイメージ画像
-----------------------------*/
/*h2を画像にしたいときは以下を使用。テキストのままの時は
まるっと削除すればいいです＼(^0^)／*/

/*-----------------------------
　　　main部分内容設定
-----------------------------*/

#main h2 {
border-bottom:3px solid #666666;
font-size:x-large;
padding:5px;
}


#main h3 {
background:#FAFAFA;
border-bottom:1px solid #666666;
border-left:15px solid #666666;
font-size:large;
padding:5px;
margin:15px 0 10px 0;
}

#main h4 {
	border-left:12px double #666666;
	padding:5px;
	margin:15px 0 10px 10px;
	font-size: medium;
}

#main h5 {
	margin: 15px 10px 10px 15px;
	padding: 0px;
	font-size: medium;
}

/*-----------------------------
　　　main部分img設定
-----------------------------*/
/*クラスを設定しないと普通に入っちゃうよ*/

#main p img.rightimg {
float:right;
margin:0 0 5px 10px;
}

#main p img.leftimg {
float:left;
margin:0 10px 5px 0;
}


/*-----------------------------
　　　その他通常設定
-----------------------------*/
#main p {
	margin: 5px 15px;
}

#main .rightp {
	margin: 5px 15px;
	text-align: right;
}

#main blockquote {
background:#FAFAFA;
padding:10px;
margin:10px;
}

#main ul , #main ol {
margin-left:40px;
}

#main ul li {
list-style:disc;
}

#main #question ul li {
list-style:url(none) none outside;
}

#main #orderform iframe{
	width:620px;
	height:860px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

#main #contactform iframe{
	width:620px;
	height:500px;
	overflow: hidden;
	margin: 10px;
	border: 10px solid #EEEEEE;
}


/*===============================================
　　　　　　　　　　footer
===============================================*/

#footer{
background:#FCE7EB;
clear:both;
font-size:11px;
color:#666666;
padding-top:15px;
text-align:center;
}

#footer ul li {
display:inline;
margin-right:3px;
padding-left:7px;
border-left:1px solid #666666;
list-style-type:none;
}

#footer ul li.noborder{
padding-left:0;
border-left:none;
}


#footer address{
background:url(../../samplepage/common/images/footer.gif) no-repeat center;
text-align:right;
color:#FF9999;
font-style:normal;
padding:10px 20px;
}


/*-----------------
フッターリンクの設定
-----------------*/

/*l→v→h→a*/
#footer a:link , #footer a:visited ,#footer a:active {
color:#FF6600;
font-size:11px;
text-decoration:underline;
}

#footer a:hover{
color:#FF3300;
font-size:11px;
text-decoration:none;
}

/*-----------------
アドレスリンクの設定
-----------------*/

/*l→v→h→a*/
#footer address a:link , #footer address a:visited , #footer address a:active {
color:#993300;
text-decoration:underline;
font-size:x-small;
}

#footer address a:hover{
color:#990000;
background:#FFFFCC;
text-decoration:none;
font-size:x-small;
}