@charset "UTF-8";
/* Below is the styles that created for Let's Keitai Campaign */
*{
 margin:0;
 padding:0;
 font-size:100%;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
}

body {
	background-color:#e7e7e7;
	margin:0;
	padding:0;
}

#contents_wrapper{
	width:900px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
}

#contents{
	font-family: sans-serif;
	width:705px;
	margin:0 20px 0 10px;
	text-align:left;
	color:#333333;
	line-height:19px;
	font-size:9pt;
	float:right;
}

#contents_Email{
	font-family: sans-serif;
	width:705px;
	padding:0 20px 0 0;
	margin-left:25px;
	text-align:left;
	color:#333333;
	line-height:19px;
	font-size:9pt;
	float:right;
	background:url(../images/eyecatch/Email_user_image.jpg) top no-repeat;
}

#contents_PictureMail{
	font-family: sans-serif;
	width:705px;
	padding:0 20px 0 0;
	margin-left:25px;
	text-align:left;
	color:#333333;
	line-height:19px;
	font-size:9pt;
	float:right;
	background:url(../images/eyecatch/PictureMail_user_image.jpg) top no-repeat;
}

#contents_OnlineAlbum{
	font-family: sans-serif;
	width:705px;
	padding:0 20px 0 0;
	margin-left:25px;
	text-align:left;
	color:#333333;
	line-height:19px;
	font-size:9pt;
	float:right;
	background:url(../images/eyecatch/OnlineAlbum_top_image.jpg) top no-repeat;
}

#clear {
	clear:both;
}

/*////////////////////Menu Style///////////////////////*/
#menu_wrapper {
	width:150px;
	float:left;

}

#menu {
	width:150px;
	border-bottom:1px solid #CCCCCC;

}

#menu ul{
	margin:0;
	padding:0;
}

#menu li{
	list-style-type:none;
	line-height:0;
}	

#menu li a, #menu li a:link{
	display:block;
	width:130px;
	background-color:#ffffff;
	border-bottom:1px solid #CCCCCC;
	padding:7px 0 7px 20px;
	background:url(../../images/circle_icon.gif) no-repeat 3px 10px;
	line-height:normal;
}

#menu li a:hover{
	border-bottom:1px solid #CCCCCC;
	padding:7px 0 7px 20px;
	background:url(../../images/circle_icon_blue.gif) no-repeat 3px 10px;
	text-decoration:none;
	background-color:#e7e7e7;
}

#menu li.here  a, #menu li.here  a:link{
	background:url(../../images/circle_icon_blue.gif) no-repeat 3px 10px;
	text-decoration:none;
	background-color:#e7e7e7;
}

#menu .depth1 li a, #menu .depth1 li a:link{
	display:block;
	width:110px;
	background-color:#ffffff;
	border-bottom:none;
	margin:0 0 0 20px;
	background:url(../../images/triangular_gray.gif) no-repeat 3px 10px;
	line-height:normal;
}

#menu .depth1 li a:hover{
	margin:0 0 0 20px;
	background:url(../../images/triangular_blue.gif) no-repeat 3px 10px;
	text-decoration:none;
	background-color:#e7e7e7;
	border-bottom:none;
}

#menu li.here_depth a, #menu li.here_depth a:link{
	background:url(../../images/triangular_blue.gif) no-repeat 3px 10px;
	text-decoration:none;
	background-color:#e7e7e7;
	border-bottom:none;
}

#menu .depth2 li a, #menu .depth2 li a:link{
	display:block;
	width:90px;
	background-color:#ffffff;
	border-bottom:none;
	margin:0 0 0 40px;
	padding:2px 0 2px 20px;
	font-size:8pt;
	background:url(../../images/triangular_gray.gif) no-repeat 3px 4px;
	line-height:normal;
}

#menu .depth2 li a:hover{
	margin:0 0 0 40px;
	background:url(../../images/triangular_blue.gif) no-repeat 3px 4px;
	text-decoration:none;
	background-color:#e7e7e7;
	border-bottom:none;
	font-size:8pt;
	padding:2px 0 2px 20px;
}

#menu li.here_depth2 a, #menu li.here_depth2 a:link{
	background:url(../../images/triangular_blue.gif) no-repeat 3px 4px;
	text-decoration:none;
	background-color:#e7e7e7;
	border-bottom:none;
	font-size:8pt;
	padding:2px 0 2px 20px;
}





/*////////////////////Footer Style///////////////////////*/

#footer{
	font-family: sans-serif;
	width:800px;
	background-color:#FFFFFF;
	margin:0 auto;

}

#footer_box{
    padding-bottom:10px;
}

#footer_box table{
    padding:4px 0; 
    border:1px solid #999999; 
    margin:0 5px;
}
#footer_box table th{
    text-align:left;
	padding-left:5px;
	margin:0;
}
#footer_box table td{
    text-align:left;
	padding-left:5px;
}


/*////////////////////Footer Link Style///////////////////////*/

.helpmenu{ font-family: sans-serif; color:#29769E; font-size: 8.5pt;}
.helpmenu a, .helpmenu a:visited, .helpmenu a:link{ font-size:8.5pt; color:#000066; font-weight:normal; text-decoration:none;}
.helpmenu a:hover, .helpmenu a:active{ font-size:8.5pt; color:#FF6600; font-weight:normal; text-decoration:none;}

/*////////////////////Initial Style///////////////////////*/

p { padding:5px 0; margin:0;}

/*�摜�v�f�Ƀ����N��‚������̘g�������*/
img{ border:0; margin:0; padding:0; _vertical-align: bottom;}

/*////////////////////Link Style///////////////////////*/

a, a:link,a:visited { font-family: sans-serif; color: #29769E; font-size: 9pt; text-decoration: none;}
a:hover{ color: #1D5B77; font-size: 9pt; text-decoration:underline;}

/*////////////////////Font Style///////////////////////*/

.section_title_009345 {
	color:#333333;
	font-size:13px;
	font-weight:bold;
	border-left:8px solid #009345;
	padding-left:5px;
}

h1.section_title_blue {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	border-left:8px solid #1f7eba;
	padding-left:5px;
}

.subtitle_12_333333 {
	font-size:12px; 
	color:#333333; 
	font-weight:bold; 
	line-height:16pt;
}

.subtitle_14_333333 {
	font-size:14px; 
	color:#333333; 
	font-weight:bold; 
	line-height:19pt;
}

.subtitle_16_333333 {
	font-size:16px; 
	color:#333333; 
	font-weight:bold; 
	line-height:19pt;
}

.text_009345 {
	color:#009345;
	font-size:14px;
	font-weight:bold;
}

.text_orange {
	color:#f28d22;
	font-size:14px;
	font-weight:bold;
}

.text_blue {
	color:#1f7eba;
	font-size:14px;
	font-weight:bold;
}

.small-grey{
/*font size updated 20070303*/
	font-family: sans-serif;
	font-size:8pt;
	color:#666666;
}

.copyright{
	font-family: sans-serif;
	font-size:8pt;
	color:#666666;
	line-height:12px;
	padding-top:5px;
}

hr {
	margin-top:5px;
	margin-bottom:8px;
}


/*////////////////////List Style///////////////////////*/
.list1 ul, .list1 ol{
	list-style:none;
	margin:0;
	padding:0;
}

.list1 li{
	list-style:none;
	padding:3px 0;
}

.list2 ul, .list2 ol{
	list-style:outside;
	margin:0;
	padding:0;
}
.list2 li{
	margin-left: 20px;
	padding-left: 0;
	padding-top:5px;
}

ul.li_float{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.li_float li{
	display:block;
	float:left;
	position: relative; /* for IE6 */
	list-style-type:none;
}

.list_icon ul, .list_icon ol{
	list-style:none;
}
.list_icon li{
	list-style:none;
	background:url(../../images/triangular_blue.gif) no-repeat 0 3px;
	padding-left:22px;
}


/*////////////////////DIV class Style///////////////////////*/

.contents_box {
	padding:0 5px;
	color:#333333;
	line-height:19px;
}

.float_left{
	float:left;
	width:auto;
	margin:0 20px 0 0;
}

.float_right{
	float:right;
	width:auto;
	margin:0 0 0 20px;
}

.float_left_NoMargin{
	float:left;
	width:auto;
	margin:0;
}

.float_right_NoMargin{
	float:right;
	width:auto;
	margin:0;
}

.left_colum {
	width:335px;
	float:left;
}

.right_colum {
	width:335px;
	float:right;
}

.border_box {
	border:1px solid #999999;
}

.border_box_contents {
	padding:10px 10px;
}

.bg_lightblue {
	background-color:#edf6fc;
	padding:15px;
}

.bg_lightorange {
	background-color:#FCF4D9;
	padding:15px;
}
	
.bg_paper {
	background:url(../images/bg/bg_paper.jpg) no-repeat;
}

.accordion_box {
	margin:0 auto;
	margin-left:5px;
}

.accordion_contents {
	padding:8px;
	padding-top:195px;
	height:220px;
	vertical-align:bottom;
}

.mail_top_category_contents {
	padding:8px;
	padding-top:100px;
	height:121px;
	vertical-align:bottom;
}


/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 171px;
	height: 220px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-image:url(../images/eyecatch/accordion_box1.jpg);
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
#kwick_2 {
	background-image:url(../images/eyecatch/accordion_box2.jpg);
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
#kwick_3 {
	background-image:url(../images/eyecatch/accordion_box3.jpg);
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
#kwick_4 { 
	background-image:url(../images/eyecatch/accordion_box4.jpg);
	margin-right: none; 
	border-right:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}